Getting Started With Next.js | 1-Hour Tech Talk | DigitalOcean

preview_player
Показать описание

About the Presenter

Agenda
0:00 Introduction
3:00 Create-next-app
6:50 File system routing
9:09 Code splitting and bundling
10:57 Image optimization
18:39 API routes
25:05 Static site generation
31:21 Fetching data
34:24 getStaticProps()
38:37 Deploying
43:53 Image Optimization for images on an external website
45:50 SSG (Static Site Generation) & SSR (Server-Side Rendering)
46:34 Image Optimization for mobile to desktop optimization
48:55 Q&A

- - - - - - - - - -

- - - - - - - - - -

Subscribe to the DigitalOcean YouTube channel:

- - - - - - - - - -

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 #DOTechTalks
  1. DigitalOcean
  2. React.js
  3. React JS
  4. Digital Ocean
  5. IaaS
  6. DevOps
Рекомендации по теме
Next.js 13 - 0:09:00

Next.js 13 - The Basics

Next js Tutorial 1:02:55

Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript

Next.js in 100 0:11:52

Next.js in 100 Seconds // Plus Full Beginner's Tutorial

Next.js 14 Full 3:26:29

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework

NextJS Tutorial - 0:44:38

NextJS Tutorial - All 12 Concepts You Need to Know

What You Need 0:10:35

What You Need to Know Before Learning NextJS

How to Install 0:03:24

How to Install Next.js for Beginners | Set up a Next.JS Project from Scratch

Next JS Project: 0:11:26

Next JS Project: Setup and First Steps

Simplest way to 0:23:03

Simplest way to build Contact Form (Next.js, Shadcn, V0, Resend)

can start Nextjs 0:01:15

can start Nextjs without Reactjs?

Next.js Tutorial For 0:52:35

Next.js Tutorial For Beginners

Learn Next.js 13 0:29:42

Learn Next.js 13 With This One Project

Next.js Crash Course 3:14:17

Next.js Crash Course for Beginners - Learn NextJS from Scratch in this 100% Free Tutorial!

Next.js for Beginners 2:38:25

Next.js for Beginners - Full Course

Nextjs Full stack 1:04:11

Nextjs Full stack course

7 better ways 0:07:08

7 better ways to create a React app

Create an app 0:13:11

Create an app with Next.js 14 — Course part 1

Getting started with 0:13:10

Getting started with Contentful and Next.js tutorial

Next.js Tutorial #1 0:08:43

Next.js Tutorial #1 - Introduction & Setup

Getting Started With 0:56:09

Getting Started With Next.js | 1-Hour Tech Talk | DigitalOcean

Getting Started with 0:07:30

Getting Started with Next.js | Backend API Routes

Auth0 in 100 0:08:24

Auth0 in 100 Seconds // And beyond with a Next.js Authentication Tutorial

Vite in 100 0:02:29

Vite in 100 Seconds

Next.js Tutorial for 3:25:42

Next.js Tutorial for Beginners (User CRUD App)

Комментарии
Автор

I was kinda familiar to Next.js but after this demo, dude... This is insane. The image optimization is insane!

claudsonm
Автор

Thank you for this insightful content!

sulattphone
Автор

If the first visit to the page goes and gets data from an API and then it generates the static page for the 2nd visit, what happens when the data in the the API changes? Does that mean the page gets stuck in time if the data on the back end changes?

erichhaemmerle
Автор

For my database connection i use sequelize library. Thank you for this, very helpful. i wish i was available for the live session. However i would like to see a tech talk about how to build a PWA(Progressive Web App) with nextjs and also how to convert a regular app to a PWA. Thank you in advance

noaexel
Автор

you have sold me on next.js and easy deploy ob droplet. tk

jp
Автор

What extensions and themes are you using ?. I like it

hemanthkumar-cyjz