Practical: How would we build Airbnb, Twitter, or Reddit?
In this episode, Scott and Wes are trying something new! It’s called Practical, in which Scott and Wes take a topic and flesh out all the theory into something super practical. Today’s topic comes from a listener question asking how they would...
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
In this episode, Scott and Wes are trying something new! It’s called Practical, in which Scott and Wes take a topic and flesh out all the theory into something super practical. Today’s topic comes from a listener question asking how they would build a simple version of a modern web app like Twitter, Reddit, or Airbnb.
Netlify - SponsorNetlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.
Sanity - SponsorSanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
Show Notes3:03 - Backend
14:45 - Frontend
22:39 - Deployment process
- Serverless
- Now
- Ideally one app that handles everything
28:38 - Email
- Syntax Ep 32: Designing, Templating, Inlining and Sending Email
- mjml
- Juice
- Inky
- Nodemailer
- Postmark
- Mailjet
- Mandrill
- Get everyone set up and working in two different systems, so you can switch easily if something goes wrong
33:32 - Users / Auth / Cookies / Permissions
- Use something a pre-existing package or service rather than role your own (though it can get expensive quickly)
- Passport
- Auth0
- accounts-js
38:48 - Images
41:50 - Other things to be aware of
Links- Ruby on Rails
- Django
- Meteor
- MySQL
- PHP
- Postgres
- Mongoose
- Drip
- ConvertKit
- Feathers
- David Luecke
- Tweetdeck
- Next.js
- react-router
- Reach Router
- Gatsby
- Digital Ocean
- Heroku
- Redux
- Svelte
- Gridsome
- Mailchimp
- Scott: K-Safe
- Wes: Bon Appetit YouTube Channel
- Scott: Svelte Course Coming Soon! - Sign up for the year and save 25%!
- Wes: Flexbox.io Course
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets