یادگیری Next.js - میتالرن

مدرس Sandy Ludosky

انتشار 2024/08/09

مدت زمان 3h 25m

سطح مناسب همه

فایل تمرینی ندارد

آموزش Learning Next.js

Next.JS یک چارچوب React است که توسط توسعه دهندگان برای توسعه دهندگان ، برای ایجاد برنامه های وب با کیفیت بالا و پاسخگو ساخته شده است. Next.JS با داشتن ابزارهای داخلی و ویژگی های آماده استفاده ، روند توسعه را بدون درد و نسیم ایجاد می کند. در این دوره ، توسعه دهنده وب و مربی Sandy Ludosky به شما می آموزد که چگونه از چارچوب بعدی استفاده کنید. برای سرعت بخشیدن و بهبود گردش کار خود ، خواه یک توسعه دهنده جلو یا عقب باشید. نحوه ساخت و استقرار یک برنامه وب کاملاً کاربردی را پیدا کنید. روشهای اهرم و بهبود تجربه توسعه دهنده را کاوش کنید. به علاوه ، به نمونه های عملی بروید و یک پروژه دوره را تکمیل کنید تا به شما در تمرین آنچه آموخته اید کمک کنید. این دوره می تواند به شما در رسیدن به سطح بعدی با Next.js. کمک کند

Front-end Development Next.js React.js Web Development

Introduction

Next.js: A React framework by developers, for developers ()

What you should know ()

Exercise files ()

1. Getting Started and Discovering Next.js

What is Next.js? ()

The benefits of using Next.js ()

Setting up the development environment ()

Creating the Blog project and exploring the app anatomy ()

2. Building Your Application with App Router

Creating pages and layouts ()

Creating a shared layout between pages ()

Navigating between pages ()

Challenge: Add a route ()

Solution: Add a route ()

Create a dynamic route ()

3. Styling Your Application: CSS and Custom Fonts

Adding global styles ()

Using Tailwind CSS ()

Using CSS modules for components ()

Apply conditional styling with clsx ()

Challenge: Optimizing images and fonts ()

Solution: Optimizing images and fonts ()

4. Deploy and Connect to a Data Source

Create a GitHub repository and push the project ()

Creating a Vercel account ()

Connect and deploy your project ()

Challenge: Write and push changes then redeploy ()

Solution: Write and push changes then redeploy ()

Setting up a PostgreSQL database ()

5. Fetching Data

Discovering the different ways of fetching data ()

Seed the database and execute SQL queries ()

Use SQL queries to fetch data ()

Challenge: Insert data to the database ()

Solution: Insert data to the database ()

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

Static rendering vs. dynamic rendering ()

Dynamic rendering without caching ()

Enable streaming and partial rendering with a loading page ()

Adding loading skeletons ()

Handling errors with an error page: error.tsx ()

Challenge: Handling 404 errors with notFound functions ()

Solution: Handling 404 errors with notFound functions ()

7. Adding Authentication

Getting started with NextAuth.js ()

Setting up NextAuth.js ()

Creating the auth routes and components ()

Adding the Google credentials provider ()

Challenge: Authenticate and create posts ()

Solution: Authenticate and create posts ()

Protecting pages and API routes ()

8. Generative AI: Build a Chatbot with OpenAI

Set up and configure a project ()

Define requests to generate completion with the ChatCompletion API ()

Writing blog posts with AI-generated content ()

Conclusion

Next steps ()

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.