Next.JS nədir?

![MarineGEO circle logo](./sual.svg "Sual?")

Next.js, React framework-u olaraq tanınan, istifadə edərək super sürətli, SEO-friendly və production üçün çox effektiv statik veb saytlar və veb tətbiqləri hazırlamağa imkan verən alətdir. Next.js, çox developer-friendly bir framework olaraq tanınır və məhz bu səbəbdən proqramçılar arasında çox məşhurdur.

Əlavə konfiqurasiya tələb olunmadan hibrid statik və server renderi, TypeScript dəstəyi, ağıllı bundling, routing və s. üstünlükləri var.

NextJS tətbiqini necə yaratmaq olar?

İlk öncə, biz `create-react-app` və ya `create-vite-app`-dakı kimi, burdada bir əmr istifadə edəcəyik.

npx create-next-app@latest

Əmrimiz icra olunandan sonra, konsolumuz başlayacaq proyektin konfiqurasiya prosessinə.

What is your project named? my-app

Would you like to use TypeScript? No / Yes

Would you like to use ESLint? No / Yes

Would you like to use Tailwind CSS? No / Yes

Would you like to use `src/` directory? No / Yes

Would you like to use App Router? (recommended) No / Yes

Would you like to customize the default import alias (@/*)? No / Yes

What import alias would you like configured? @/*

İlk sualda, konsol bizdən proyektimizin adını, növbəti suallarda, TypeScript, ESList, TailwindCSS-in əlavə edilməsini soruşur. Növbəti sualda `/src` qovluğunun istifadə edilməsini soruşur. Mən şəxsən tövsiyyə edirəm ki, hər iki variantı yoxlayıb, rahat olanını seçəsiniz. Növbəti sual isə App Router-in istifadə edib etməyəcəyimizi soruşur, və biz mütləq Yes basırıq. Hərşey yüklənəndən sonra, npm run dev yazırıq və proyektimizi açırıq. Təbriklər, ilk NextJS tətbiqimiz hazırdı, və növbəti blog-larda, biz NextJS-in qovluq strukturuna daha dərindən baxacayıq.

Məqaləni hazırladı: Rüfət Əliyev

Təsdiqlədi: Əlinemət İsiyev

Digər məqalələr

Front-end arxitekturası və onun əsas prinsipi-SOLİD

Front-end arxitekturası bizə nə üçün lazımdır?

25.02.2024

Abstract Factory Pattern nədir?

Abstract Factory Pattern, konkret siniflərini göstərmədən əlaqəli və ya asılı obyektlərin ailələrini yaratmaq üçün interfeys təmin edən yaradıcı dizayn nümunəsidir. O, müştəri koduna dəqiq sinif və ya icra detallarını bilmədən obyektlər yaratmağa imkan verir. Bu, daha çevik, genişlənə bilən və saxlanıla bilən kodla nəticələnir.

15.02.2024

TechTalks: C#: Flagship of Microsoft

SN Caucasus, JED Academy və İRİA-nın birgə dəstəyi ilə 11 Fevral 2024 tarixində "C#: Flagship of Microsoft" mövzulu TechTalks keçirildi.

11.02.2024

Node.js & Express.js: İlk Serverimizi Quraq!

Veb saytların necə var olduğunu heç düşünmüsünüzmü? Gəlin sıfırdan başlayaq! Bu məqalədə, Node.js ve Express.js-dən istifadə edərək serverimizi qurmağın təməl addımlarını incələyəcəyik. Əlbəttə ki, burada serverə sorğu göndərilməsinin real nümunəsi var və cavabın (response) necə alınacağını izah edən qısa məqaləmiz! 😉 let's go!

13.09.2023