ImmersiveAmbientModecolor: #dee7f2 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 1bb1cfc31aed65007987f2e8f78859843eae9a8f672a087f43daa0309b06f7eedcf450f2ea9b0b5539815696f0efe552
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715809389687 - unknown on Apple WebKit
Mystery text : d201Z01LdXdTWWsgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
1,422,375 Views • May 5, 2023 • Click to toggle off description
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 14 application.
Quick heads up: This tutorial covers Next.js 13, but don't let that number fool you. Next.js 14 is essentially a performance-focused update of version 13. That means every concept, technique, and feature we dive into here is just as applicable and relevant in Next.js 14
Want to land your dream programming job in 6 months?
⭐ JSM Masterclass Experience - jsmastery.pro/masterclass
Become a Software Engineer. Guaranteed.
📚 Materials/References:
Ultimate Next.js 14 Roadmap: resource.jsmastery.pro/nextjs-guide
GitHub Code (give it a star ⭐): github.com/adrianhajdin/project_next_14_ai_prompt_…
GitHub Gist Code: gist.github.com/adrianhajdin/6df61c6cd5ed052dce814…
Zipped Assets: drive.google.com/file/d/15bGW9HBImu1p3HAYalnaj2Ig_…
In this video, you'll learn:
- Next.js 14 App Folder Structure
- Next.js 14 Client Components vs Server Components
- Next.js 14 File-based Routing (including dynamic and nested routes)
- Next.js 14 page, layout, loading, and error Special Files
- Next.js 14 Serverless Route Handlers (Next API, Full Stack Apps)
- Next.js 14 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)
🌎 Find Me Here:
Discord Group: discord.gg/n6EdbFJ
Instagram: instagram.com/javascriptmastery
Twitter: twitter.com/jsmasterypro
💼 Business Inquiries:
E-mail: contact@jsmastery.pro
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
Views : 1,422,375
Genre: Education
Date of upload: May 5, 2023 ^^
Rating : 4.913 (633/28,318 LTDR)
RYD date created : 2024-05-15T19:43:12.949962Z
See in json
YouTube Comments - 2,095 Comments
Top Comments of this video!! :3
1:21:46 For those who is stuck on the Google Authorized domain part, just click the trash and keep it untouched. I don't think it accepts local dev domain.
170 |
Honestly, the first ~45 minutes (crash course part of the video) is worth $50 to me. Excellent work!
90 |
Man! You have NO IDEA how much your content helps a student like me who can not afford expensive courses. Please keep up providing such AMAZING quality content. You are a true hero.
146 |
Man this is my first contact with nextjs and I have to say that I loved it.
You are so didactic and managed to explain all of that in just a couple of hours.
8 |
So far the most complete, interactive and packed course ever.
Not 40hrs, 90hr course like other platform do
349 |
As a self taught Beginner developer, I really appreciate the hard work you're putting in these amazing tutorials. HANDS UP 🤲JSM. I hope more NextJS 13 in the future. <3
195 |
Man I have to say, the production value of this video is extremely high. Especially the description of the benefits of Nextjs was the best I have seen (and I looked quite a bit) and convinced me of using it for my next project. I thought I may over engineer my project or make using a dedicated backend more complicated but turns out I worried too much. Thanks for the efforts!
8 |
thank you for the amazing work, it's so so organised, and the way how you switch between the NextJs pillars it's really insane, thanks again for the hard work!
5 |
This is the best Next JS course I've taken so far. Bless you brother for this incredible work
6 |
Great tutorial. [31:22] if you are using typescript, you may need to pass the postId to your component as params e.g const page = ({params: {params: {postId: number}}) => {return <div>{params.postId}}</div>
7 |
Thank you for zooming in on the screen; it makes easier to watch on my phone while keeping the code readable.
|
It was my first use of route handlers and auth of Next and MongoDb. Thank you so much for teaching me all of this stuff and giving me the curiosity driving me to dive deep into them !
|
I would love a tailwind crash course!! These videos are amazing and they're the only ones I can actually sit down and watch for 3 hours without getting bored. I learn more in this than in a week of school 👌
62 |
I just wanted to express my sincere appreciation for the amazing tutorial content you've been providing on your channel. The way you explain complex concepts and guide viewers through practical examples is truly commendable. I've learned so much from your tutorials, and they have greatly helped me enhance my web development skills.
10 |
Thanks for creating such a clear and concise course! The explanations are clear and easy to follow. This is by far the best course I have come across on youtube
1 |
What a great video! A got a bit frustrated when I saw no Typescript but I've watched until the end and I've finally been able to understand lots of concepts. Thank you!
1 |
I have just started learning nextjs, and you came up like blessing. Thanks a ton. Having high expectations with this one
13 |
Once again a great tutorial from the master. Eagerly waiting for the Tailwind CSS one. Thanks Adrian, for all the quality content.
4 |
Undoubtedly, the best Next.js tutorial on YouTube. Thank you, and keep up the amazing work!!!
2 |
@javascriptmastery
7 months ago
If you want to truly master the most modern Next.js, check out: www.jsmastery.pro/next14 🔥
29 |