Learning Next.js

سرفصل های دوره

Next.js is a React framework developed by developers for developers, to create high-quality, responsive web applications. With built-in tools and ready-to-use features, Next.js makes the development process painless and a breeze. In this course, web developer and trainer Sandy Ludosky teaches you how to leverage the Next.js framework to speed up and improve your workflow, whether you are a front- or back-end developer. Find out how to build and deploy a fully functional web application. Explore ways to leverage and improve the developer experience. Plus, go over practical examples and complete a course project to help you practice what you’ve learned. This course can help you get to the next level with Next.js.

01 - Introduction

01 - Next.js A React framework by developers, for developers

02 - What you should know

03 - Exercise files

02 - 1. Getting Started and Discovering Next.js

01 - What is Next.js

02 - The benefits of using Next.js

03 - Setting up the development environment

04 - Creating the Blog project and exploring the app anatomy

03 - 2. Building Your Application with App Router

01 - Creating pages and layouts

02 - Creating a shared layout between pages

03 - Navigating between pages

04 - Challenge Add a route

05 - Solution Add a route

06 - Create a dynamic route

04 - 3. Styling Your Application CSS and Custom Fonts

01 - Adding global styles

02 - Using Tailwind CSS

03 - Using CSS modules for components

04 - Apply conditional styling with clsx

05 - Challenge Optimizing images and fonts

06 - Solution Optimizing images and fonts

05 - 4. Deploy and Connect to a Data Source

01 - Create a GitHub repository and push the project

02 - Creating a Vercel account

03 - Connect and deploy your project

04 - Challenge Write and push changes then redeploy

05 - Solution Write and push changes then redeploy

06 - Setting up a PostgreSQL database

06 - 5. Fetching Data

01 - Discovering the different ways of fetching data

02 - Seed the database and execute SQL queries

03 - Use SQL queries to fetch data

04 - Challenge Insert data to the database

05 - Solution Insert data to the database

07 - 6. Handling Errors, Pre-rendering, Caching, and Optimizing

01 - Static rendering vs. dynamic rendering

02 - Dynamic rendering without caching

03 - Enable streaming and partial rendering with a loading page

04 - Adding loading skeletons

05 - Handling errors with an error page error.tsx

06 - Challenge Handling 404 errors with notFound functions

07 - Solution Handling 404 errors with notFound functions

08 - 7. Adding Authentication

01 - Getting started with NextAuth.js

02 - Setting up NextAuth.js

03 - Creating the auth routes and components

04 - Adding the Google credentials provider

05 - Sign in with your Gmail account

06 - Challenge Authenticate and create posts

07 - Solution Authenticate and create posts

08 - Protecting pages and API routes

09 - 8. Generative AI Build a Chatbot with OpenAI

01 - Set up and configure a project

02 - Define requests to generate completion with the ChatCompletion API

03 - Writing blog posts with AI-generated content

10 - Conclusion

01 - Next steps

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: LinkedIn Learning (Lynda)