Next.js — Full Course Syllabus

Learn how to build server-rendered and static applications with Next.js.

1. 1. Creating a Next.js AppLearn how to create a new Next.js application using create-next-app.
2. 2. Next.js PagesUnderstand how to create pages in a Next.js application using the pages directory.
3. 3. Static File Serving in Next.jsLearn how to serve static files in a Next.js application.
4. 4. Dynamic Routing in Next.jsLearn how to implement dynamic routing using file-based routing in Next.js.
5. 5. Static Generation with Next.jsUnderstand how to pre-render pages at build time using static generation.
6. 6. Server-side Rendering in Next.jsLearn how to fetch data on each request using server-side rendering.
7. 7. API Routes in Next.jsUnderstand how to create API endpoints within a Next.js application.
8. 8. Image Optimization in Next.jsLearn how to optimize images using the Next.js Image component.
9. 9. Deploying Next.js ApplicationsUnderstand the different options for deploying a Next.js application.
10. 10. Next.js ConfigurationLearn how to configure Next.js applications using next.config.js.
11. 11. Using CSS in Next.jsUnderstand how to style Next.js applications using CSS modules and styled-jsx.
12. 12. Next.js MiddlewareUnderstand how to use middleware in Next.js for request handling.
13. 13. Internationalization in Next.jsLearn how to implement internationalization and localization in a Next.js app.
14. 14. Preview Mode in Next.jsLearn how to implement preview mode for content previewing in Next.js.