# Backend Frameworks-NEXT.JS

- [Migrating from React to Next.js](/backend-frameworks-next.js/migrating-from-react-to-next.js.md)
- [Lesson 1: Key Concepts of NodeJS and Express for Backend Web Development](/backend-frameworks-next.js/lesson-1-key-concepts-of-nodejs-and-express-for-backend-web-development.md)
- [Lesson 2: How to set up a new Next.js project](/backend-frameworks-next.js/lesson-2-how-to-set-up-a-new-next.js-project.md)
- [Lesson 3: How to create Layouts and Pages](/backend-frameworks-next.js/lesson-3-how-to-create-layouts-and-pages.md)
- [Hands-on Practice 1](/backend-frameworks-next.js/hands-on-practice-1.md)
- [Hands on Practice 2](/backend-frameworks-next.js/hands-on-practice-2.md)
- [New Project & Folder Structure](/backend-frameworks-next.js/hands-on-practice-2/new-project-and-folder-structure.md)
- [File-Based Routing](/backend-frameworks-next.js/hands-on-practice-2/file-based-routing.md)
- [Server vs Client Components & Router Hooks](/backend-frameworks-next.js/hands-on-practice-2/server-vs-client-components-and-router-hooks.md)
- [Start On The Navbar](/backend-frameworks-next.js/hands-on-practice-2/start-on-the-navbar.md)
- [Navbar Links, Dropdowns & React Icons](/backend-frameworks-next.js/hands-on-practice-2/navbar-links-dropdowns-and-react-icons.md)
- [Active Links & Conditional Rendering](/backend-frameworks-next.js/hands-on-practice-2/active-links-and-conditional-rendering.md)
- [Homepage Components](/backend-frameworks-next.js/hands-on-practice-2/homepage-components.md)
- [Properties Page](/backend-frameworks-next.js/hands-on-practice-2/properties-page.md)
- [Property Card Dynamic Data](/backend-frameworks-next.js/hands-on-practice-2/property-card-dynamic-data.md)
- [Home Property Listings](/backend-frameworks-next.js/hands-on-practice-2/home-property-listings.md)
- [Custom Not Found & Loading Pages](/backend-frameworks-next.js/hands-on-practice-2/custom-not-found-and-loading-pages.md)
