DEV Community

Syntax - Tasty Web Development Treats

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 build a simple version of a modern web app like Twitter, Reddit, or Airbnb.

Netlify - Sponsor

Netlify 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 - Sponsor

Sanity.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 Notes

3:03 - Backend

14:45 - Frontend

  • React
  • Next.js
  • Styled components
  • Stay as close to real CSS as possible

22:39 - Deployment process

  • Serverless
  • Now
  • Ideally one app that handles everything

28:38 - Email

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 ××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Tweet us your tasty treats!

Episode source