Tech We Love as Web Developers: SvelteKit, Vercel, Supermaven, and More

Episode Sponsor - Wix Studio

We'd like to thank this episode's sponsor for their support!

Wix Studio: The Web Platform for Agencies and Enterprises

Wix Studio is the new web platform tailored to designers, developers and marketers who build websites for others or for large organizations. The magic of Wix Studio is its advanced design capabilities which makes website creation efficient and intuitive.

Check out Wix Studio today.

How to support the show

Patreon

Prices subject to change and are listed in USD

• Support the show from as little as ~$1/month
• Get a shoutout at the end of the episode (while supplies last) for just ~$3/month
• Help support the HTML All The Things Podcast: Click Here

Show Notes

Introduction

• Talk about the web development tech we are using and liking at the moment
• We’ll also talk about hardware we’re using and liking

Web Development Tech

• Svelte/SvelteKit: Svelte is a modern JavaScript framework that compiles components at build time, resulting in highly efficient, minimalistic web apps. SvelteKit is the full-stack framework built on top of Svelte, offering an integrated experience with routing, server-side rendering, and much more.
• Tailwind CSS: A utility-first CSS framework that allows you to build responsive and customizable designs directly in your HTML. Tailwind makes it easy to style applications without leaving your markup, offering a highly composable and efficient way to design.
• ShadCN: A component library that integrates with Tailwind CSS, offering a rich collection of prebuilt components and UI elements. It's designed to help developers quickly assemble professional UIs while maintaining flexibility.
• tRPC: A powerful TypeScript library for building fully-typed APIs without needing to write boilerplate code. It lets you define your API and client types once and ensures end-to-end type safety between your backend and frontend.
• Prisma: An ORM (Object-Relational Mapping) tool for Node.js and TypeScript that simplifies database interactions. Prisma provides a type-safe way to work with databases, ensuring you can query and update data easily without worrying about SQL syntax.
• Supermaven: A AI powered auto-complete tool for your IDE that is known for it’s speed and contextual awareness of your codebase.
• Vercel: A cloud platform built for front-end developers to deploy websites and web applications with ease. Vercel integrates seamlessly with modern JavaScript frameworks like Next.js and SvelteKit, enabling fast, serverless deployment and global CDN distribution.
• Visual No-Code Site Builders (ie Elementor, Webflow, Wix Studio) - Help agencies (such as ours) work quickly on projects that have small budgets and tight timelines. They're often equipped with methods of allowing the user to edit on their own either visually or via a CMS
• Honorable mentions
  • BeeKeeper: Database management App

Shoutouts!

Michael LaRocca

• Author of the Self-Taught the X Generation blog, at selftaughttxg.com