Kitchen Safe Time Locking Container (Medium), Timed Lock Box for Cell Phones, Snacks, and other unwanted temptations (White Lid + 5.5” Clear Base)

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

See All 1030 Episodes of "Syntax - Tasty Web Development Treats"