Basic Next.js สำหรับผู้เริ่มต้น

Module 1: พื้นฐาน Next.js 12.x

• Next.js Introduction
• Installing Next.js
• File Structure Explained
• Pages Explained
• _document.tsx file explained
• _app.tsx file explained

Module 2: การทำงานกับ Routing

• Simple Routing
• Link component
• Nested Routing
• Dynamic Routing
• useRouter
• Catch All Route
• Custom 404 Pag

Module 3: การใช้ Style Component

• Style section introduction
• Styled JSX
• Global Styles
• CSS Modules
• Sass Modules
• File Structure

Module 4: การใช้ Tailwind CSS ใน Next.js

• Install Tailwind dependencies
• Configure Tailwind to remove unused styles from production
• Add the global stylesheet

Module 5: Integrate Material-UI

• Setup Theme MaterialUI & Bootstrap
• Create Header, Menu and Footer
• Install Bundled Files
• Convert HTML to JSX
• Install Page Navigation with React Router
• Create Responsive Page with Flexbox and Grid system
• Setup next/router with useRouter, withRouter
• Create Route for regirter, login, stock, create/edit/delete

Module 6: Basic Login Authentication

• Install Axios
• Install Backend with NodeJS / Express / Sequelize (DB ORM)
• Install Backend Libraries for express body-parser cors sequelize
• Create Web API with NodeJS
• Create NodeJS Router ด้วย Express
• Create Sub Router
• Create REST API for test Authentication (Register and Login)