All the Ways to Generate a Next.js Site | 1-Hour Tech Talk | DigitalOcean

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 He builds fullstack apps with JavaScript and puts a focus on building businesses. Tweet Chris at @chris__sev:

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



Getting Started With Next.js:

How to Deploy Next.js to DigitalOcean App Platform:

Watch more Tech Talks from DigitalOcean:

New to DigitalOcean? Get US $100 in credit when you sign up:

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.