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

👉 News API [ক্লোন করে গিটহাবে পুশ করে ডিপ্লয় করে নিবেন]: https://github.com/mdalmamunit427/new... Next.js 15 ভার্সনের বেসিক টু এডভান্স কোর্স মাত্র ৩৭৫ টাকায় কিনতে পারেন। একটি সাজানো গোছানো প্রিপারেশন নিতে এই কোর্সটি আপনাকে হেল্প করবে। 👉 Next.js 15 FULl কোর্স: https://www.udemy.com/course/nextjs-f... কোর্স রিলেটেড যেকোন কিছু জানতে যোগাযোগ করুন: ✅ WhatsApp: https://wa.me/8801303028630 ✅ Facebook:   / mdalmamunit427   ✅ Email: [email protected] 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 ফুল কোর্স :    • HTML Full Course Bangla 2025 | HTML Tutori...   2. CSS ফুল কোর্স :    • CSS Full Course in Bangla (কোর্স ১০০% ফ্রি)   3. JavaScript ফুল কোর্স :    • JavaScript Full Course Bangla 2025   4. Full-stack ওয়েব ডেভেলপমেন্ট কোর্স [ 550 টাকা মাত্র ]: https://www.udemy.com/course/mern-sta... কোর্স রিলেটেড যেকোন কিছু জানতে যোগাযোগ করুন: ✅ WhatsApp: https://wa.me/8801303028630 ✅ Facebook:   / mdalmamunit427   ✅ Email: [email protected] 🕒 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/nex... 🔗News Api: https://news-api-next-js-kappa.vercel... বি.দ্রঃ এই টিউটোরিয়াল দেখার পরও যদি আপনার বেসিক ক্লিয়ার না হয়, তাহলে, আপনি সুমিত ভাইয়ের এই টিউটোরিয়ারটি দেখে নিতে পারেনঃ    • MERN Stack Explained: Roadmap, Next.js Int...   #nextjs #typescript #shadcn #mernstack #reactjs #tailwindcss #webdesign #webdevelopment ❤️SUBSCRIBE ► https://bit.ly/37Txw8d ►Subscribe and hit the notification bell! ► https://bit.ly/37Txw8d ❤️Facebook ►   / 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: [email protected] ❤️Search Me In Google ► CodeTutorBD 📢 Follow and learn basic from our popular community leader: 1. Learn with Sumit:    / @learnwithsumit   2. Anisul Islam:    / @anisul-islam   3. Jhankar Mahbub:    / @jhankarmahbub   4. Stack Learner:    / @stacklearner   5. Hablu Programmer:    / @habluprogrammer   6. Programming Hero Community:    / @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.