Next JS Full Course with Project | Tamil

Learn how to set up your project, build pages, and manage routing with practical examples. Dive into creating and setting up your blog, from crafting the home page and headers to implementing post details and search functionality. We’ll also cover key concepts like route handlers, custom fields, and environment variables. Plus, get hands-on experience with creating and testing a contact form, and integrating metadata for enhanced SEO.

#NextJS #WebDevelopment #JavaScript #React #NextJSProject #DynamicRoutes #MongoDB #API #Routing #SEO #ServerComponents #ClientComponents #BlogDevelopment #CodingTutorial #ProgrammingTimestamps:

00:00 Intro
02:11 What is Next JS
3:11 App Router vs Pages Router
4:31 Creating Project
8:33 Running Project
10:36 Project Structure
13:43 Routing
21:37 Route Segments
24:12 Layouts
32:55 Linking and Navigating
37:29 useRouter Hook
44:20 Server Components vs Client Components
47:38 Dynamic Routes
53:05 Multiple Dynamic Segments
55:46 Route Handlers
1:05:51 Getting Request Data
1:10:22 Blog Project using Next JS
1:11:04 Create & Setup Project
1:15:32 Creating Home Page
1:21:52 Creating Header & Footer
1:28:17 Creating About and Contact Pages
1:34:22 Navigation Links
1:39:09 Creating Post List API
1:41:28 Connecting MongoDB
1:47:09 Creating Post Model using Mongoose
2:04:04 Show Post List using API
2:11:39 Public Environment Variables
2:15:54 Custom Field Post Data
2:25:21 Create Post Details Page
2:28:36 Creating Post Details API
2:37:16 Changing Date Format
2:42:51 Showing Post Details using API
2:50:11 Implementing Post Search
3:14:51 Working with Contact Form
3:16:01 Creating Enquiry Model
3:19:11 Creating Enquiry API
3:31:51 Customizing Error Message
3:34:21 Integrating Contact Form with API
3:45:16 Testing Contact Form
3:48:51 Using Meta Data
3:53:46 Using Meta Data with Client Component
3:57:16 Dynamic MetaData
4:06:23 Conclusion

🤝 **Donate & Help this Channel:**

🌐 **Join Udemy Courses**

📧 **Contact Information:**

🔔 For business inquiries or collaborations, please use the provided contact information. Thank you for your support! Don't forget to like, share, and subscribe for more content! 🔔

[Kathirvel-dszw]

I'm 21 years boy working as a uxui designer bro. Ipo frontend learn panlam nu YouTube la search pandrapo unga video paathen very useful bro.... Nalaraya video upload pannunga💙🔥

[kumarappanram]

Very Very Very Very Very Very Very thanks bro its very use full. please post next video

[ramusesandasari]

I finished your next js playlist. And was looking for project with next js . Here we go. You given that gems ❤. Superb bro

[tnpsc_success_stairs]

I think u r the first nextjs video in tamil

[RanjithKumar-ojsl]

I am working 1 years ...unga video pathu learn pannitha oppo nalla irukke...unga no thanga bro....❤❤❤❤ Unga kitta pesanum...🥹

[Sajinsytube]

Sir please continue dont stop this 100% support

[manimegalai]

Thank you so much.very useful your video

[shansundar]

It's really very useful and Thanks, Past three days, I spend with this video and did every task what you do. Perfect Tutorial for beginners.

[nachidude]

I guess the first hour video is previous content right, this video is useful if they missed that video? Thanks bro :-) for your efforts, Going to learn this now.

[n.pranav]

Thank You for You Help Anna. I am a College Student.

[lifebest]

Sir asp a veithu oru project seithu kattunga

[smartprem-dg]

Bro nodejs react js application ku ipo irukura bast laptop suggest pannuga bro developer purpose ku

[aadhithya.s.b]

Thank you so much brother. Very useful video. Keep rocking

[vjinfo]

3:10:30 lah search panuna field query ah no result ah show panuna piragu api call aguthu

[STARTUPPROJECTS]

Your coding perspective is good bro. ❤🎉

[freecoderhub]

Super G very useful, Please try to add some video about "Custom Server" in Next.js

[subhashdesigner]

Hello brother, i have seen this video and its very useful to us. Really i would like to appreciate to make such wonderful Learning video. 👌

[robimatt]

great explanation, please release javascript test frameworks like Jest, Mocha and etc.

[robimatt]

Please release javascript test frameworks like Jest and etc

[RAJA-qxin]

Next js server side rendering with express js video podunga itha panni yaarume periya explain illa strong aa