Syntax - Tasty Web Development Treats

Practical: How would we build Airbnb, Twitter, or Reddit?


Listen Later

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

  • Express
  • Node
  • GraphQL
  • MongoDB
  • 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

    • 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

    • Cloudinary
  • imgIX
  • 41:50 - Other things to be aware of

    • Handling cash
      • Stripe
  • PayPal
  • Braintree
  • Recurly
  • Queueing
  • 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
  • ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: K-Safe
  • Wes: Bon Appetit YouTube Channel
  • Shameless Plugs
    • Scott: Svelte Course Coming Soon! - Sign up for the year and save 25%!
    • Wes: Flexbox.io Course
    Tweet us your tasty treats!
    • Scott’s Instagram
    • LevelUpTutorials Instagram
    • Wes’ Instagram
    • Wes’ Twitter
    • Wes’ Facebook
    • Scott’s Twitter
    • Make sure to include @SyntaxFM in your tweets
    ...more
    View all episodesView all episodes
    Download on the App Store

    Syntax - Tasty Web Development TreatsBy Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

    • 4.9
    • 4.9
    • 4.9
    • 4.9
    • 4.9

    4.9

    977 ratings


    More shows like Syntax - Tasty Web Development Treats

    View all
    Software Engineering Radio - the podcast for professional software developers by team@se-radio.net (SE-Radio Team)

    Software Engineering Radio - the podcast for professional software developers

    271 Listeners

    Hanselminutes with Scott Hanselman by Scott Hanselman

    Hanselminutes with Scott Hanselman

    383 Listeners

    The Changelog: Software Development, Open Source by Changelog Media

    The Changelog: Software Development, Open Source

    290 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    622 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    584 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    289 Listeners

    Thoughtworks Technology Podcast by Thoughtworks

    Thoughtworks Technology Podcast

    43 Listeners

    Python Bytes by Michael Kennedy and Brian Okken

    Python Bytes

    215 Listeners

    The freeCodeCamp Podcast by freeCodeCamp.org

    The freeCodeCamp Podcast

    487 Listeners

    CoRecursive: Coding Stories by Adam Gordon Bell - Software Developer

    CoRecursive: Coding Stories

    189 Listeners

    Practical AI by Practical AI LLC

    Practical AI

    206 Listeners

    The Stack Overflow Podcast by The Stack Overflow Podcast

    The Stack Overflow Podcast

    63 Listeners

    The Real Python Podcast by Real Python

    The Real Python Podcast

    141 Listeners

    PodRocket by LogRocket

    PodRocket

    60 Listeners

    Oxide and Friends by Oxide Computer Company

    Oxide and Friends

    62 Listeners