Practical: How would we build Airbnb, Twitter, or Reddit?
Streams straight from the publisher. podnod never proxies or re-hosts episode audio.
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
netlify.com/syntax
netlify.comSanity.io
sanity.iosanity.io/create
sanity.iosanity.io/syntax
sanity.ioExpress
expressjs.comNode
nodejs.orgGraphQL
graphql.orgMongoDB
mongodb.comReact
reactjs.orgNext.js
nextjs.orgNow
zeit.comjml
mjml.ioJuice
github.comInky
github.comNodemailer
nodemailer.comPostmark
postmarkapp.comMailjet
mailjet.comMandrill
mandrill.comPassport
passportjs.orgAuth0
auth0.comaccounts-js
accounts-js.netlify.comCloudinary
cloudinary.comimgIX
imgix.comStripe
stripe.comPayPal
paypal.comBraintree
braintreepayments.comRecurly
recurly.comRuby on Rails
rubyonrails.orgDjango
djangoproject.comMeteor
meteor.comMySQL
mysql.comPHP
php.netPostgres
postgresql.orgMongoose
mongoosejs.comDrip
drip.comConvertKit
convertkit.comFeathers
feathersjs.comDavid Luecke
twitter.comTweetdeck
tweetdeck.twitter.comreact-router
npmjs.comReach Router
reach.techGatsby
gatsbyjs.orgDigital Ocean
digitalocean.comHeroku
heroku.comRedux
redux.js.orgSvelte
svelte.devGridsome
gridsome.orgMailchimp
mailchimp.comK-Safe
amzn.toBon Appetit YouTube Channel
youtube.comSvelte Course Coming Soon!
leveluptutorials.comFlexbox.io Course
flexbox.ioScott’s Instagram
instagram.comLevelUpTutorials Instagram
instagram.comWes’ Instagram
instagram.comWes’ Twitter
twitter.comWes’ Facebook
facebook.comScott’s Twitter
twitter.com@SyntaxFM
twitter.com