ایجاد مجدد نمونه کارها در Next.js

من اخیراً شروع به یادگیری Next.js/React کرده‌ام و می‌خواستم سرعت Next.js و چارچوبی را که قبلاً استفاده می‌کردم مقایسه کنم: Flask (یک چارچوب پایتون).
بنابراین تصمیم گرفتم نمونه کارها را در Next.js دوباره ایجاد کنم ( نمونه کارها ابتدا در Flask ایجاد شد). به این ترتیب می توانم به راحتی تفاوت زمان بارگذاری بین Next.js و Flask را ببینم.

در 4 روز گذشته، من به درستی یاد گرفتم که چگونه این کار را انجام دهم:

• کامپوننت ها در React
• حلقه‌ها در React (مدتی طول کشید!)
• دارایی ها در Next.js
• چگونه یک وب سایت Next.js را کنار هم قرار دهیم

این نمونه کارها Next.js و این نمونه کارها Flask است.
تفاوت در زمان بارگذاری را ببینید!

اگر می خواهید کد منبع هر یک از نمونه کارها را ببینید، در اینجا آنها هستند.
نمونه کارها Next.js:

نمونه کارها فلاسک:

ممنون که خواندید، و از اینکه در سفر Next.js من را حمایت کردید، سپاسگزاریم!