NextJS Tutorial: 12 Essential Concepts for Beginners

Learn all 12 key concepts of NextJS in this comprehensive tutorial. ๐Ÿš€ Perfect for beginners and developers alike.

NextJS Tutorial: 12 Essential Concepts for Beginners
ByteGrad
443.9K views โ€ข Nov 15, 2023
NextJS Tutorial: 12 Essential Concepts for Beginners

About this video

๐Ÿ‘‰ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
Also check out Hostinger's Black Friday deal at https://hostinger.com/bytegrad with discount code BYTEGRAD (paid sponsorship). Full transparency: I get a commission if you buy something from Hostinger through that link.

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
๐Ÿ‘‰ Add auth to your app FAST: https://bit.ly/3QOe1Bh

๐Ÿ‘‰ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
๐Ÿ‘‰ Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
๐Ÿ‘‰ Professional CSS Course: https://bytegrad.com/courses/professional-css

๐Ÿ‘‰ Discord: all my courses have a private Discord where I actively participate
๐Ÿ”” Email newsletter (React + Next.js course out soon!): https://email.bytegrad.com

All commands for deploying: https://gist.github.com/ByteGrad/790455da551e9771d67f8e434cdf54d1

โฑ๏ธ Timestamps:
0:00 Intro
0:29 Next.js fresh install
2:33 Routing & navigation
5:00 Metadata
5:24 Styling: Tailwind CSS
6:28 Hostinger's Black Friday deal
7:35 Image component
9:06 Client vs Server components
11:54 Server actions
16:55 Suspense and streaming
21:11 Caching, static & dynamic rendering
28:28 Middleware
29:37 Folder structure
31:43 Relax
32:10 Static export
33:10 Deployment options
33:36 Push to GitHub
33:52 Environment variables in Next.js
35:50 Hostinger VPS deployment

#webdevelopment #programming #coding

Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.

This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 .
.
TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)

Video Information

Views

443.9K

Likes

12.7K

Duration

44:38

Published

Nov 15, 2023

User Reviews

4.8
(88)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.