Next.js

სრულფასოვანი React-აპლიკაციები: მარშრუტები, სერვერული კომპონენტები, მონაცემების ჩატვირთვა და გაშვება.

👑 Pro4 დონე40 მოდული200 თავიმალე

რას ისწავლი

App Router და გვერდების სტრუქტურა
სერვერული და კლიენტის კომპონენტები
მონაცემები, ქეშირება და გაშვება

სილაბუსი

დამწყები10 მოდული · 50 თავი

1Next.js-ის საფუძვლები0 / 5

რა არის Next.jsმალეპროექტის შექმნამალესაქაღალდეების სტრუქტურამალეგაშვება dev რეჟიმშიმალეReact და Next.jsმალექვიზი: Next.js-ის საფუძვლებიმალე

2მარშრუტების საფუძვლები0 / 5

App Routerმალეpage ფაილიმალეჩადგმული მარშრუტებიმალეLinkმალედინამიკური მარშრუტიმალექვიზი: მარშრუტების საფუძვლებიმალე

3layout-ები0 / 5

layout ფაილიმალეroot layoutმალეჩადგმული layoutმალეtemplateმალეmetadata layout-შიმალექვიზი: layout-ებიმალე

4სტილი0 / 5

გლობალური CSSმალეCSS ModulesმალეTailwindმალეშრიფტები next/font-ითმალესურათები next/image-ითმალექვიზი: სტილიმალე

5სერვერი და კლიენტი0 / 5

სერვერის კომპონენტიმალეკლიენტის კომპონენტიმალეuse clientმალეროდის რომელიმალეprops საზღვარზემალექვიზი: სერვერი და კლიენტიმალე

6მონაცემების ჩატვირთვა0 / 5

fetch სერვერის კომპონენტშიმალეasync კომპონენტიმალეloading ფაილიმალეerror ფაილიმალეnot-foundმალექვიზი: მონაცემების ჩატვირთვამალე

7ნავიგაცია0 / 5

useRouterმალეusePathnameმალეძებნის პარამეტრებიმალეredirectმალეწინასწარი ჩატვირთვამალექვიზი: ნავიგაციამალე

8ფორმები0 / 5

ფორმა და server actionმალემონაცემების შეცვლამალეფორმის შემოწმებამალეrevalidateმალემოლოდინის მდგომარეობამალექვიზი: ფორმებიმალე

9ფაილები და კონფიგურაცია0 / 5

public საქაღალდემალეfavicon და metadata ფაილებიმალეგარემოს ცვლადებიმალეnext.configმალეგარე სკრიპტებიმალექვიზი: ფაილები და კონფიგურაციამალე

10გაშვება0 / 5

აწყობამალეგაშვება Vercel-ზემალეცვლადები production-შიმალედომენიმალელოგებიმალექვიზი: გაშვებამალე

პროექტი: პირადი ბლოგიმალე

ბლოგი Next.js-ზე: გვერდები, layout, სტატიები Markdown-იდან და გაშვება.

საშუალო10 მოდული · 50 თავი

1რენდერის ტიპები0 / 5

სტატიკური რენდერიმალედინამიკური რენდერიმალეstreamingმალენაწილობრივი წინასწარი რენდერიმალერენდერის არჩევამალექვიზი: რენდერის ტიპებიმალე

2ქეშირება0 / 5

fetch-ის ქეშიმალეგანახლება დროითმალეგანახლება tag-ითმალეროუტერის ქეშიმალექეშის გამართვამალექვიზი: ქეშირებამალე

3API მარშრუტები0 / 5

route handlerმალეGET და POSTმალეrequest და responseმალეheaders და cookiesმალეCORSმალექვიზი: API მარშრუტებიმალე

4დინამიკური მარშრუტები0 / 5

generateStaticParamsმალეcatch-all მარშრუტიმალეარასავალდებულო catch-allმალემარშრუტების ჯგუფებიმალეპარალელური მარშრუტებიმალექვიზი: დინამიკური მარშრუტებიმალე

5metadata და SEO0 / 5

metadata APIმალედინამიკური metadataმალეOpen Graph სურათებიმალეsitemapმალეrobotsმალექვიზი: metadata და SEOმალე

6ავთენტიფიკაცია0 / 5

სესიებიმალეAuth.jsმალედაცვა middleware-ითმალეროლებიმალეOAuth პროვაიდერებიმალექვიზი: ავთენტიფიკაციამალე

7მონაცემთა ბაზა0 / 5

ORM Prismaმალემოდელებიმალემოთხოვნები სერვერზემალემიგრაციებიმალეკავშირების აუზიმალექვიზი: მონაცემთა ბაზამალე

8server action-ები0 / 5

action-ის საფუძველიმალეuseActionStateმალეოპტიმისტური განახლებამალეშეცდომები action-შიმალეaction-ის უსაფრთხოებამალექვიზი: server action-ებიმალე

9middleware0 / 5

middleware ფაილიმალეredirect და rewriteმალეmatcherმალეენობრივი მარშრუტებიმალეedge runtimeმალექვიზი: middlewareმალე

10რესურსების ოპტიმიზაცია0 / 5

next/image სიღრმეშიმალეგარე სურათებიმალეplaceholderმალეშრიფტების ოპტიმიზაციამალესკრიპტების ოპტიმიზაციამალექვიზი: რესურსების ოპტიმიზაციამალე

პროექტი: ჩანაწერების აპიმალე

აპი ავთენტიფიკაციით, მონაცემთა ბაზით და server action-ებით.

მოწინავე10 მოდული · 50 თავი

1მარშრუტები სიღრმეში0 / 5

intercepting routesმალემოდალი მარშრუტითმალეპარალელური მარშრუტები პრაქტიკაშიმალეჩატვირთვის ნიმუშებიმალეშეცდომის საზღვრებიმალექვიზი: მარშრუტები სიღრმეშიმალე

2წარმადობა0 / 5

Core Web Vitalsმალეbundle-ის ანალიზიმალედინამიკური importმალესურათების სტრატეგიამალეგარე სკრიპტების სტრატეგიამალექვიზი: წარმადობამალე

3მრავალენოვნება0 / 5

ენობრივი მისამართებიმალეთარგმანები სერვერზემალეენის ამოცნობამალეhreflangმალეთარიღის და რიცხვის ფორმატიმალექვიზი: მრავალენოვნებამალე

4ტესტირება0 / 5

ერთეულის ტესტებიმალეკომპონენტის ტესტიმალეE2E ტესტებიმალეserver action-ის ტესტიმალეიმიტაციამალექვიზი: ტესტირებამალე

5მდგომარეობა0 / 5

მისამართი, როგორც stateმალესერვერის stateმალეკლიენტის საცავებიმალეstate cookie-შიმალეფორმის stateმალექვიზი: მდგომარეობამალე

6გადახდები და ელფოსტა0 / 5

გადახდის ინტეგრაციამალეwebhookმალეელფოსტის გაგზავნამალეფონური დავალებებიმალეcronმალექვიზი: გადახდები და ელფოსტამალე

7ფაილები0 / 5

ატვირთვამალეფაილების საცავიმალესურათის დამუშავებამალენაკადური პასუხიმალეჩამოტვირთვამალექვიზი: ფაილებიმალე

8გაშვების გარემოები0 / 5

Node და Edgeმალეedge ფუნქციებიმალერეგიონებიმალეცივი გაშვებამალეშეზღუდვებიმალექვიზი: გაშვების გარემოებიმალე

9უსაფრთხოება0 / 5

action-ების დაცვამალეCSRFმალეუსაფრთხოების headersმალესაიდუმლოებიმალემოთხოვნების ლიმიტიმალექვიზი: უსაფრთხოებამალე

10დაკვირვებადობა0 / 5

ლოგირებამალეinstrumentationმალეtracingმალეშეცდომების თვალყურიმალეანალიტიკამალექვიზი: დაკვირვებადობამალე

პროექტი: გამოწერების სერვისიმალე

SaaS-ის საწყისი: გადახდები, ელფოსტა, როლები და მონიტორინგი.

ექსპერტი10 მოდული · 50 თავი

1Next.js შიგნიდან0 / 5

როგორ მუშაობს აწყობამალეRSC payloadმალეროუტერი შიგნიდანმალეTurbopackმალეhydrationმალექვიზი: Next.js შიგნიდანმალე

2არქიტექტურა0 / 5

monorepoმალეფუნქციური მოდულებიმალეbackend for frontendმალემიკროფრონტენდებიმალემრავალმომხმარებლიანი აპიმალექვიზი: არქიტექტურამალე

3მასშტაბირება0 / 5

ქეშირება მასშტაბზემალეISR ბევრ გვერდზემალეCDNმალებაზის მასშტაბირებამალერიგებიმალექვიზი: მასშტაბირებამალე

4საკუთარ სერვერზე გაშვება0 / 5

DockerმალეNode სერვერიმალეstandalone აწყობამალეreverse proxyმალექეშის დამმუშავებელიმალექვიზი: საკუთარ სერვერზე გაშვებამალე

5მიგრაცია0 / 5

Pages-იდან App Router-ზემალეთანდათანობითი მიგრაციამალეძველი API-ებიმალევერსიის განახლებამალეcodemodმალექვიზი: მიგრაციამალე

6მონაცემები სიღრმეში0 / 5

მოთხოვნების ოპტიმიზაციამალეN+1 პრობლემამალეტრანზაქციებიმალერეალური დროის მონაცემებიმალეძებნამალექვიზი: მონაცემები სიღრმეშიმალე

7ხელსაწყოები0 / 5

lint და ფორმატიმალეCIმალეpreview გაშვებებიმალეfeature flagმალეტიპიზებული გარემოს ცვლადებიმალექვიზი: ხელსაწყოებიმალე

8აუდიტი0 / 5

ხელმისაწვდომობის აუდიტიმალეSEO აუდიტიმალეწარმადობის აუდიტიმალემონიტორინგიმალერეგრესიის თავიდან აცილებამალექვიზი: აუდიტიმალე

9ხარჯი და ოპერაციები0 / 5

ხარჯის მართვამალეფუნქციების ლიმიტებიმალექეშით დაზოგვამალეინციდენტზე რეაგირებამალესარეზერვო ასლებიმალექვიზი: ხარჯი და ოპერაციებიმალე

10ლიდერობა0 / 5

ტექნოლოგიის არჩევამალეRFC-ის წერამალესტანდარტებიმალეგუნდის ზრდამალეგეგმამალექვიზი: ლიდერობამალე

პროექტი: მრავალმომხმარებლიანი პლატფორმამალე

პლატფორმა, სადაც ყოველ კლიენტს თავისი ქვედომენი, მონაცემები და თემა აქვს.