AD
Episode
198
Interview
Web News

Next.js, Nuxt.js, SvelteKit | Full-Stack Development Has Changed

Recorded:
May 31, 2022
Released:
June 1, 2022
Episode Number:
198

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week, Matt and Mike discussed serverless technology and how it challenges server-based hosting that has been the standard for years. Mike believes that this has revolutionized the backend developer and hosting game, while Matt is new to serverless and is still stuck configuring his servers the way he always has.

Listen

Also available on...
...and many more, check your podcast app!

Who’s in This Episode?

No items found.

Show Notes

What's This One About?

This week, Matt and Mike discussed serverless technology and how it challenges server-based hosting that has been the standard for years. Mike believes that this has revolutionized the backend developer and hosting game, while Matt is new to serverless and is still stuck configuring his servers the way he always has.

Show Notes

  • What is Full-stack development?
  • DB
  • Server (APIs)
  • Front-end UI
  • Server vs Serverless
  • Server means you need to manage some sort of installations of linux/windows that will run your server code
  • This can be VPS or Dedicated servers
  • Serverless means you do not manage the server that the backend code is running on.
  • It allows you to just focus on writing the routes/code that you need to receive and send data to your UI
  • It usually supports the Express framework (node.js) for api route creation
  • A good example is setting up oAuth for your frontend. Traditionally you would have to spin up a VPS or dedicated server box to run a few routes for authentication. Now that can all be done in serverless functions which do not require you to manage a whole other server
  • What is Next, Nuxt, SvelteKit
  • These are frameworks built ontop of popular frontend JavaScript frameworks
  • React, Vue, Svelte respectively
  • They provide solid tools such as page routing, head meta tag insertion, SSR/SSG and most importantly API/serverless functions
  • The routing that is built into these frameworks allows you to create a /api folder where you can place .ts/.js files and write express compatible node js code that will run on the server
  • Hosting (Vercel)
  • The best hosting platform for any of these frameworks would be Vercel
  • The free accounts are generous and the paid accounts are reasonable
  • It will host both your FE and the serverless functions that are located in your /api folder automatically
  • Databases
  • Tons of managed database options
  • Firebase
  • Supabase
  • Planetscale
  • DynamoDB (AWS)

Thank you!

If you're enjoying the podcast consider giving us a review on Apple Podcasts or checking out our Patreon to get a shoutout on the podcast.

Support us on Patreon

You can find us on all the podcast platforms out there as well as

Instagram (@htmlallthethings)
Twitter (@htmleverything)
TikTok