Next JS Crash Course Bangla | Build a News Portal using Next.js, Typescript, and Shadcn

Next.js 15 ভার্সনের বেসিক টু এডভান্স কোর্স মাত্র ৫৫০ টাকায় কিনতে পারেন। একটি সাজানো গোছানো প্রিপারেশন নিতে এই কোর্সটি আপনাকে হেল্প করবে।

কোর্স আউটলাইন: https://www.facebook.com/share/p/1Aeh1Vwesi/

কোর্স রিলেটেড যেকোন কিছু জানতে যোগাযোগ করুন:
✅ WhatsApp: https://wa.me/8801303028630
✅ Facebook: https://www.facebook.com/mdalmamunit427
✅ Email: hello@codetutorbd.com

Welcome to our comprehensive Next.js Crash Course in Bangla! In this tutorial, we'll walk you through building a fully functional News Portal using Next.js, TypeScript, and Shadcn UI. Whether you're a beginner or looking to sharpen your Next.js skills, this course covers all the essentials, from setting up the project to deploying it on Vercel. Here's what we cover in this course:

🔴 Topics Covered:
1. Introduction to Next.js
2. Setting Up a Next.js Project
3. Pages and Routing in Next.js
4. Client-Side vs. Server-Side Rendering
5. Layouts and Navigation
6. Data Fetching in Next.js
7. Styling and Optimization
8. How to use TypeScript (no knowledge required)
9. Shadcn UI (no knowledge required)
10. PNPM package manager (no knowledge required)
11. How to Build and Deploy a Next.js project

⬇️ Learn Web Design for FREE ⬇️
1. HTML ফুল কোর্স : https://youtu.be/ns-t-pqBLkE
2. CSS ফুল কোর্স : https://youtu.be/TzF464IpsQU
3. JavaScript ফুল কোর্স : https://youtu.be/bc61fVxUHzU
4. Full-stack ওয়েব ডেভেলপমেন্ট কোর্স [ 550 টাকা মাত্র ]: https://www.udemy.com/course/mern-stack-ecommerce-course

কোর্স রিলেটেড যেকোন কিছু জানতে যোগাযোগ করুন:
✅ WhatsApp: https://wa.me/8801303028630
✅ Facebook: https://www.facebook.com/mdalmamunit427
✅ Email: hello@codetutorbd.com

🕒 Video Chapters::
00:00:00 Introduction
00:01:02 - Project Overview
00:04:23 - Setup Next.js Project using pnpm package
00:19:54 - Install Shadcn UI
00:25:37 - Project Structures
00:49:26 - Create Navbar
01:27:57 - Routing and Navigation, Layout
01:54:35 - Client and Server Components
02:08:38 - Optimized Image and Make Banner
02:24:28 - Latest News and News Card
02:54:42 - Newsletter and Footer
02:58:00 - News list, fetch News
03:16:21 - Search and Category Filtering
03:34:31 - Single News Details (SSR, ISR & CSR)
03:58:44 - Meta Data, Favicon, and Font Customization
04:10:21 - Dark and Light Mode
04:25:04 - Build and Deploy on Vercel

🏷️Images & Source Files:
💻 Source Code: https://github.com/mdalmamunit427/next-js-crash-course.git
🔗News Api: https://news-api-next-js-kappa.vercel.app/api/news

বি.দ্রঃ এই টিউটোরিয়াল দেখার পরও যদি আপনার বেসিক ক্লিয়ার না হয়, তাহলে, আপনি সুমিত ভাইয়ের এই টিউটোরিয়ারটি দেখে নিতে পারেনঃ https://youtu.be/7unPQjNducY?si=KPBGXJfk1pOo0B7V

#nextjs #typescript #shadcn #mernstack #reactjs #tailwindcss #webdesign #webdevelopment

❤️SUBSCRIBE ► https://bit.ly/37Txw8d
►Subscribe and hit the notification bell! ► https://bit.ly/37Txw8d
❤️Facebook ► https://www.facebook.com/prottoyit1
🔥don't click this link ► https://bit.ly/37Txw8d

► You Can Share your Ideas In this ❤️Comment Box❤️
► For copyright matters please get in touch with us at: help.yourassitant@gmail.com

❤️Search Me In Google ► CodeTutorBD

📢 Follow and learn basic from our popular community leader:
1. Learn with Sumit: https://www.youtube.com/@LearnwithSumit
2. Anisul Islam: https://www.youtube.com/@anisul-islam
3. Jhankar Mahbub: https://www.youtube.com/@JhankarMahbub
4. Stack Learner: https://www.youtube.com/@StackLearner
5. Hablu Programmer: https://www.youtube.com/@HabluProgrammer
6. Programming Hero Community: https://www.youtube.com/@ProgrammingHeroCommunity

🏷️ Related Tags:
javascript, tailwindcss, Bangla, Tutorial, css for beginners, html CSS, tailwind CSS, css tutorial for beginners, tailwind CSS, tailwind css tutorial, javascript tutorial, javascript for beginners, bootstrap tutorial, react js tutorial, Learn with Sumit, Hablu Programmer, Stack Learner, Rabbil Hasan, Web Development Bangla, Web Design Bangla, Anisul Islam, Stack Learner, Jhankar Mahbub, React JS Bangla, Web Development Tutorial Bangla, learn with hasin hayder

Disclaimer:
=========
This channel may use some copyrighted materials without specific authorization of the owner but contents used here falls under the “Fair Use”
Copyright Disclaimer under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

Видео Next JS Crash Course Bangla | Build a News Portal using Next.js, Typescript, and Shadcn канала CodeTutor বাংলা