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

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 25 September 2019

⏱️ 52 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready.
0:08.0	Here is Scott Telinsky and West Boss.
0:10.4	Welcome to Syntax.
0:12.4	This is the podcast with the tastiest web development treats. Today we are going to be talking about how we would tackle building a modern web app, front end, back end, CSS, images, all that stuff.
0:25.4	We got a question from Michael Gunnofelson, and he said,
0:30.9	I would like to suggest a syntax episode.
0:33.8	How would you implement a simple version of a website
0:36.4	like Reddit, Twitter, or Airbnb,
0:38.4	including the back end, the front end, data model,
0:42.2	all kinds of interesting stuff there.
0:44.0	I thought that would be kind of a cool episode.
0:47.0	So like if we were to be building,
0:49.0	if we were in a startup and we had the sort of idea of one of these apps,
0:53.3	what tech would we choose, and how would we tackle?
0:56.8	This is absolutely not like a final word on this type of stuff,
1:00.3	like certainly much smarter people than us us but if Scott or I just
1:05.0	regular developers were to try tackle one of these things how would we do it.
1:09.3	Today we are sponsored by Netify and Sanity. Netify is going to, you can make it easy to deploy your
1:16.6	websites and Sanity is a structured content CMS for sort of like a back end for your front end.
1:25.0	That could be hosted on Nellify.
1:26.6	There's just perfectly, perfect sponsors
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.