Full-Stack Development Has Changed
Tags: javascript, programming, podcast, webdev
Published: 2022-06-02 12:42:14

{% spotify spotify:episode:6aAevMR3URma7cIH1KIRC1 %}

## What is HTML All The Things?

HTML All The Things is a [web development podcast](https://www.htmlallthethings.com/) and [discord community](https://discord.com/invite/jweMCx9) which was started by Matt and Mike, developers based in Ontario, Canada. 

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.

---

## 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](https://podcasts.apple.com/us/podcast/html-all-things-web-development-web-design-small-business/id1412209136) or checking out our Patreon to get a shoutout on the podcast. 

**[Support us on Patreon](https://www.patreon.com/htmlallthethings)**


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

[Instagram (@htmlallthethings)](https://www.instagram.com/htmlallthethings/)
[Twitter (@htmleverything)](https://twitter.com/htmleverything)
[TikTok](Html All The Things)