Скачать или смотреть 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 scotch.io. He builds fullstack apps with JavaScript and puts a focus on building businesses. Tweet Chris at @chris__sev:   / 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:    • Getting Started With Next.js | 1-Hour Tech...  

- - - - - - - - -

Watch more Tech Talks from DigitalOcean: http://do.co/techtalks

New to DigitalOcean? Get US $100 in credit when you sign up: https://do.co/build

Subscribe to the DigitalOcean YouTube channel:
https://www.youtube.com/digitalocean?...

- - - - - - - - -

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