Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) · Pelajaran

Persediaan Projek & CLI

Pelajari cara memulakan projek Next.js 15 baharu dan menavigasi struktur asas projek menggunakan antara muka baris perintah.

Pelajaran 1 daripada 411 langkah

Persediaan Projek & CLI ialah pelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan), dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) merangkumi sejumlah 4 pelajaran.

Next.js 15: Langkah Pertama Anda

Selamat datang ke Next.js 15 — rangka kerja React untuk aplikasi yang pantas, boleh diskalakan dan sedia untuk produksi. Sebagai permulaan: bina projek dan baca strukturnya daripada CLI.

Perkara yang Anda Perlukan

Sebelum bermula, anda memerlukan Node.js 18.17 atau yang lebih baharu — ia menyediakan masa jalan JavaScript, manakala pengurus pakejnya (npm, Yarn atau pnpm) memasang kebergantungan anda.

Memulakan Projek Anda

Bina projek baharu dengan create-next-app — alat ini menyediakan segala-galanya untuk anda. Jalankan perintah ini sahaja dalam terminal anda.

npx create-next-app@latest

Penjelasan Gesaan Persediaan

CLI akan mengemukakan beberapa soalan. Perkara yang penting: pilih Ya untuk App Router — ciri ini penting untuk Next.js 15. ESLint dan Tailwind bagus untuk digunakan; TypeScript adalah pilihan.

Menavigasi Projek Baharu Anda

Selepas selesai, anda akan mendapat folder projek baharu. Masuk ke dalamnya dengan cd dan anda sudah bersedia untuk bekerja.

cd my-next-app

Struktur Projek Anda

Kenali fail terjana utama: app/ menyimpan halaman dan reka letak anda, public/ menyimpan aset statik, package.json menyimpan kebergantungan dan skrip anda, manakala next.config.js menyimpan konfigurasi.

Direktori Teras `app`

Direktori app/ mengawal App Router: layout.js untuk UI dikongsi, page.js untuk paparan unik sesuatu laluan, dan globals.css untuk gaya global.

Skrip Projek & `npm run dev`

Skrip anda berada dalam package.json. Skrip yang akan anda gunakan dengan kerap ialah npm run dev — skrip ini memulakan pelayan pembangunan.

npm run dev

Hello Next.js!

Dengan pelayan pembangunan sedang berjalan, buka localhost:3000 untuk melihat aplikasi anda. Halaman itu dipaparkan oleh app/page.js — berikut ialah versi ringkasnya.

export default function Home() {
  return (
    <main>
      <h1>Hello CoddyKit!</h1>
    </main>
  );
}

Semakan Pantas: Asas Persediaan

Anda telah mempelajari cara memulakan projek Next.js. Mari uji pengetahuan anda!

Jawab dalam pelajaran interaktif

Imbas Kembali: Langkah Pertama Next.js Anda

Imbas kembali: anda telah menyediakan Next.js 15 dengan create-next-app, meneroka direktori app/ dan memulakan pelayan pembangunan. Seterusnya: penghalaan berasaskan sistem fail.

Percuma untuk bermula

Pelajari TypeScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 22
Pelajaran: 88

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Persediaan Projek & CLI” percuma?

Ya — teks penuh “Persediaan Projek & CLI” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan), tingkat taraf kepada CoddyKit PRO. Kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Persediaan Projek & CLI”?

Pelajari cara memulakan projek Next.js 15 baharu dan menavigasi struktur asas projek menggunakan antara muka baris perintah. Anda berlatih Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Persediaan Projek & CLI” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) ini?

Ya. Setiap pelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

Persediaan Projek & CLI
Asas Penghalaan Sistem Fail
Gambaran Keseluruhan Halaman & Reka Letak
Menggayakan Aplikasi Next.js Anda

← Kembali ke Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)