next.js: ایجاد و میزبانی یک سایت تمام پشته

مدرس Shaun Wassell

انتشار 2024/11/19

مدت زمان 3h 54m

سطح مناسب همه

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

آموزش Next.js: Creating and Hosting a Full-Stack Site

بسیاری از توسعه دهندگان وب فقط روی یک قسمت از یک برنامه تمرکز می کنند: انتهای جلو ، انتهای عقب ، پایگاه داده یا پلت فرم میزبان. با این حال ، JavaScript به چنان زبانی همه جا تبدیل شده است که می تواند برای همه این قسمت ها استفاده شود. این بدان معنی است که یک توسعه دهنده JavaScript هم اکنون می تواند یک برنامه وب کامل ایجاد کند ، کاری که قبلاً به یک تیم کامل نیاز داشت. در این دوره ، مربی توسعه کامل پشته ، Shaun Wassell به توسعه دهندگان نشان می دهد که چگونه می توانند دقیقاً با استفاده از Next.js برای ساختن یک برنامه کامل ، این کار را انجام دهند. نحوه ایجاد رابط های React اساسی را در Next.js پیدا کنید ، عملکردهای پشتی را به برنامه های Next.js اضافه کنید ، درخواست های شبکه را ایجاد کنید و در نهایت میزبان یک برنامه کامل است.

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

Introduction

Create a full-stack site with Next.js ()

What you should know ()

Basic setup and exercise files ()

Project introduction ()

1. Creating a Next.js React Front End

What is Next.js? ()

Setting up a Next.js project ()

Creating pages ()

Creating a product list ()

Using Next.js Links ()

Customizing content with route parameters ()

Creating a shopping cart list ()

Creating a 404 page ()

Styling Next.js applications with Tailwind CSS ()

Challenge: Creating a navigation bar ()

Solution: Creating a navigation bar ()

2. Creating Next.js API Routes

What are Next.js route handlers? ()

How do Next.js route handlers work? ()

Testing route handlers with Postman ()

Creating a list endpoint for products ()

Using route parameters in route handlers ()

Creating a shopping cart endpoint ()

Creating an add-to-cart endpoint ()

Challenge: Creating a remove-from-cart endpoint ()

Solution: Creating a remove-from-cart endpoint ()

3. Adding MongoDB to Next.js

What is MongoDB? ()

Setting up hosting for MongoDB ()

Adding MongoDB to Next.js ()

Adding data to MongoDB ()

Rewriting the list endpoints ()

Rewriting the load product endpoint ()

Rewriting the shopping cart endpoint ()

Rewriting the add-to-cart endpoint ()

Challenge: Rewriting the remove-from-cart endpoint ()

Solution: Rewriting the remove-from-cart endpoint ()

4. Connecting the Front End and Back End

Data loading basics in Next.js ()

Loading data with Fetch ()

Loading all products ()

Loading individual products ()

Loading shopping cart items ()

Adding items to the cart ()

Shopping cart improvements ()

Challenge: Removing items from the cart ()

Solution: Removing items from the cart ()

5. Hosting a Next.js Application

Preparing an app for release ()

Releasing a Next.js app ()

Shutting down a Next.js app ()

Conclusion

Next steps in your full-stack journey ()

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

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

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

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

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

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

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