React developers that are looking to streamline your workflow: see how Next.js helps you build the fastest possible site, quickly. Next.js is an amazing tool that handles things like routing, lazy loading, and image optimization.
What You’ll Learn
– How Next.js features help us build the fastest possible blogs, websites, and applications
– Using Incremental Static Generation to update static content after you have built your site
– Grabbing data from an API
About the Presenter
Chris Sev is a Senior Developer Advocate at DigitalOcean and the founder of scotch.io. He builds fullstack apps with JavaScript and puts a focus on building businesses. Tweet Chris at @chris__sev: https://twitter.com/chris__sev
Agenda
0:00 Introduction
2:00 What you’ll learn in this video
3:45 Why build with Next.js
5:04 Static sites are all the rage
6:27 Incremental Static Generation
11:26 Frameworks for boosting SEO
13:00 When not to use Next.js
14:03 “next build && next export” to build html files
16:20 Q&A
19:00 How Next.js handles data
30:07 Dynamic Routes & Incremental Static Generation
34:38 `getStaticPaths` & `getStaticProps`
41:42 `fallback: true`
43:33 npm run export (bug alert!)
49:20 Static tweet Next.js demo
51:46 Q&A
54:20 Blitz.js
55:53 Next.js vs. Nuxt.js
56:38 Vercel vs. DigitalOcean
58:18 Next.js vs. Gatsby
59:22 HTML/CSS in Vue vs. JSX in React
59:45 Wrap up
Resources: https://do.co/3oXZRgZ
Next.js: https://nextjs.org/
Getting Started With Next.js: http://do.co/3iaaNWe
How to Deploy Next.js to DigitalOcean App Platform: https://www.youtube.com/watch?v=yrbBN__NBh0
Watch more Tech Talks from DigitalOcean: http://do.co/TechTalks
New to DigitalOcean? Get US $100 in credit when you sign up: http://do.co/39OZv5E
About DigitalOcean
The DigitalOcean Developer Cloud™ simplifies modern app creation for new generations of developers working independently, at tech startups, and within small-to-medium sized businesses around the world.
#Nextjs #Reactjs #JavaScript
Duration: 01:01:06
Publisher: DigitalOcean
You can watch this video also at the source.
