Next.js 13 Full Course 2023 | Build and Deploy a Full Stack App Using the Official React Framework
Next.js recently became the official React framework as outlined in React docs. In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem. Finally, you'll put your skills to the test by building a modern full-stack Next 13 application.
GitHub Code
https://github.com/adrianhajdin/project_next_13_ai_prompt_sharing
In this video, you'll learn:
- Next.js 13 App Folder Structure
- Next.js 13 Client Components vs Server Components
- Next.js 13 File-based Routing (including dynamic and nested routes)
- Next.js 13 page, layout, loading, and error Special Files
- Next.js 13 Serverless Route Handlers (Next API, Full Stack Apps)
- Next.js 13 Metadata and Search Engine Optimization (SEO)
- Three ways to fetch data in Next.js:
- Server Side Rendering (SSR),
- Static Site Generation (SSG)
- Incremental Static Generation (ISR)
Time Stamps 👇
00:00:00 Intro
00:03:33 The Benefits of Next.js
00:12:54 File & Folder Structure
00:18:39 Server & Client Components
00:23:22 Routing & Special Next.js Files
00:31:21 Data Fetching (SSR, SSG, ISR)
00:34:26 Next.js API Endpoints
00:40:48 SEO & Metadata
00:42:48 Promptopia Project Demo
00:44:31 Project Setup
00:53:22 Home page
01:50:17 Create page
02:14:41 Feed page
02:32:28 Profile page
02:48:17 Next.js API Routes
03:06:39 Special Assignment!
03:12:17 Deployment
03:23:06 Share Your Work
-
5:50:41
Future innovations
10 months agoReact JS V8. FULL Course on React 18.x Ecosystem and Tools With Project .
13 -
35:12
HanadeusTTV
1 year ago03 Full stack learning reactjs but it goes to Nextjs #fullstackdevelopers #nextjs #reactjs
24 -
4:47:16
Time to Code with Ali
1 year ago $0.01 earnedBuild a Full Stack Next.js APP from scratch (Step-by-Step for beginners)
530 -
2:44
AHMEDKAZEKA97
1 year agoNextJS React Developer Course (2022)
52 -
4:06
hayksimonyanrumble
1 year agoDeploying a NestJS app for Free on Cyclic
18 -
7:50
AHMEDKAZEKA97
2 years ago176 - Configuring Building the App | REACT NATIVE COURSE
83 -
8:50
MilloTheProgrammer
1 year agoBuilding a simpel React app
3 -
1:03
AHMEDKAZEKA97
1 year agoThe Complete React Developer Course with Hands-On Projects
11 -
5:13
TechWithMartin
10 months agoHow To Deploy React App On Netlify
21 -
27:50
Time to Code with Ali
1 year ago $0.01 earnedBuild a Next.js 13 APP with TypeScript
1781