Pengenalan Membuat aplikasi dengan Next.js 13
Cara termudah untuk memulai dengan Next.js adalah dengan menggunakan create-next-app. Alat CLI ini memungkinkan kamu untuk dengan cepat mulai membangun aplikasi Next.js baru, yang semuanya disiapkan untuk kamu.
kamu dapat membuat aplikasi baru menggunakan template Next.js default, atau dengan menggunakan salah satu contoh resmi dari Next.js.
Untuk memulai, gunakan perintah berikut:
Interaktif
Kamu dapat membuat project baru secara interaktif dengan menjalankan:
npx create-next-app@latest
# or
yarn create next-app
# or
pnpm create next-app
Kamu akan diminta untuk memasukan nama project , dan kemudian apakah kamu ingin membuat project dengan bahasa pemrograman TypeScript:
Would you like to use TypeScript with this project? … No / Yes
Pilih Ya jika kamu ingin menginstal jenis/dependensi yang diperlukan dan membuat project TypeScript baru.
Tidak interaktif
kamu juga dapat meneruskan argumen perintah untuk menyiapkan project baru secara non-interaktif. Coba kamu Lihat caranya dengan mengetikan : create-next-app --help
create-next-app <project-directory> [options]
Options:
-V, --version output the version number
--ts, --typescript
Initialize as a TypeScript project. (default)
--js, --javascript
Initialize as a JavaScript project.
--eslint
Initialize with eslint config.
--no-eslint
Initialize without eslint config.
--experimental-app
Initialize as a `app/` directory project.
--use-npm
Explicitly tell the CLI to bootstrap the app using npm
--use-pnpm
Explicitly tell the CLI to bootstrap the app using pnpm
-e, --example [name]|[github-url]
An example to bootstrap the app with. You can use an example name
from the official Next.js repo or a GitHub URL. The URL can use
any branch and/or subdirectory
--example-path <path-to-example>
In a rare case, your GitHub URL might contain a branch name with
a slash (e.g. bug/fix-1) and the path to the example (e.g. foo/bar).
In this case, you must specify the path to the example separately:
--example-path foo/bar
Mengapa menggunakan Create Next App?
create-next-app memungkinkan Kamu membuat aplikasi Next.js baru dalam hitungan detik. Feature ini secara resmi dikelola oleh Next.js, dan mencakup sejumlah manfaat:
- Pengalaman Interaktif : Menjalankan npx create-next-app@latest (tanpa argumen) meluncurkan pengalaman interaktif yang memandu Kamu untuk melalui pengaturan project secara otomatis.
- Zero Dependencies: Menginisialisasi project secepat mungkin. Create Next App tidak memiliki dependensi.
- Dukungan Offline: Create Next App akan secara otomatis mendeteksi jika Kamu sedang offline dan bootstrap project Kamu menggunakan cache paket lokal Kamu.
- Dukungan untuk Contoh: Create Next App dapat mem-bootstrap aplikasi Kamu menggunakan contoh dari collection Next.js contoh (misalnya npx create-next-app --example api-routes).
- Diuji: Paket ini adalah bagian dari monorepo Next.js dan diuji menggunakan rangkaian uji integrasi yang sama dengan Next.js itu sendiri, memastikannya berfungsi seperti yang diharapkan dengan setiap rilis.
sekian pengenalan kita terkait cara-cara menginstall Next.js 13 kali ini.
Selesai