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