آموزش React: رندر سمت سرور

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. تنظیم 1. Setting Up

• SSR: چه ، چگونه و چرا؟ SSR: What, how, and why?

• ابزارهای Chrome و Firefox Chrome and Firefox tools

• كتابخانه ها و ابزارهاي مورد نياز را نصب كنيد Install the required libraries and tools

2. برای ساخت SSR از Next.js استفاده کنید 2. Use Next.js to Build SSR

• معرفی Next.js با React Introducing Next.js with React

• اجزای اولیه را از قالب اضافه کنید Add initial components from template

• داده ها را برای غرفه ها اضافه کنید Add data for props

• فروشگاه و راه اندازی Redux را اضافه کنید Add Redux store and setup

• اقدامات Redux را اضافه کنید Add Redux actions

• گیربکس های Redux را اضافه کنید Add Redux reducers

• قطعات کلی را با Redux نهایی کنید Finalize overall components with Redux

3. ارائه دهنده سرور با نود 3. Server-Side Rendering with Node

• سرور Express و Next.js اولیه را ایجاد کنید Create initial Express amd Next.js server

• صفحات ورودی را با یک مسیر اضافه کنید Add entry pages with single route

• چندین مسیر با Express و Next.js Multiple routes with Express and Next.js

4. تقسیم کد 4. Code Splitting

• تقسیم کد در Next.js Code splitting in Next.js

نتیجه Conclusion

• مراحل بعدی Next steps