Pengenalan Membuat aplikasi dengan Next.js 13

Next.js Nov 6, 2022

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.