Configurazione del progetto e CLI
Impari a inizializzare un nuovo progetto Next.js 15 e a orientarsi nella struttura di base del progetto usando l'interfaccia a riga di comando.
Configurazione del progetto e CLI è una lezione Next.js 15 Fullstack (App Router + Server Actions) gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Next.js 15 Fullstack (App Router + Server Actions), e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Next.js 15 Fullstack (App Router + Server Actions) include 4 lezioni in totale.
Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.
Next.js 15: Your First Step
Welcome to Next.js 15 — the React framework for fast, scalable, production-ready apps. First up: spinning up a project and reading its structure from the CLI.
What You'll Need
Before you start, you need Node.js 18.17 or later — it provides the JavaScript runtime, and its package manager (npm, Yarn, or pnpm) installs your dependencies.
Initializing Your Project
Spin up a new project with create-next-app — it scaffolds everything for you. Just run this in your terminal.
npx create-next-app@latestSetup Prompts Explained
The CLI asks a few questions. The one that matters: say Yes to App Router — it's essential for Next.js 15. ESLint and Tailwind are nice; TypeScript is optional.
Navigating Your New Project
When it finishes you get a new project folder. Step into it with cd and you're ready to work.
cd my-next-appYour Project Structure
Know the key generated files: app/ holds your pages and layouts, public/ static assets, package.json your deps and scripts, next.config.js the config.
The Core `app` Directory
The app/ directory drives the App Router: layout.js for shared UI, page.js for a route's unique view, and globals.css for global styles.
Project Scripts & `npm run dev`
Your scripts live in package.json. The one you'll use constantly is npm run dev — it starts the development server.
npm run devHello Next.js!
With the dev server running, open localhost:3000 to see your app. That page is rendered by app/page.js — here's a stripped-down version.
export default function Home() {
return (
<main>
<h1>Hello CoddyKit!</h1>
</main>
);
}Quick Check: Setup Basics
You've learned how to kickstart a Next.js project. Let's test your knowledge!
Recap: Your First Next.js Steps
Recap: you set up Next.js 15 with create-next-app, explored the app/ directory, and launched the dev server. Next: file-system routing.
Impara TypeScript con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 22
- Lezioni
- 88
Domande Frequenti
La lezione «Configurazione del progetto e CLI» è gratuita?
Sì — il testo completo di «Configurazione del progetto e CLI» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Next.js 15 Fullstack (App Router + Server Actions), passa a CoddyKit PRO. Il corso Next.js 15 Fullstack (App Router + Server Actions) include 4 lezioni in totale.
Cosa imparerò in «Configurazione del progetto e CLI»?
Impari a inizializzare un nuovo progetto Next.js 15 e a orientarsi nella struttura di base del progetto usando l'interfaccia a riga di comando. Eserciti Next.js 15 Fullstack (App Router + Server Actions) con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Next.js 15 Fullstack (App Router + Server Actions)?
Non è richiesta alcuna esperienza precedente. Next.js 15 Fullstack (App Router + Server Actions) su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Configurazione del progetto e CLI»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Next.js 15 Fullstack (App Router + Server Actions)?
Sì. Ogni lezione Next.js 15 Fullstack (App Router + Server Actions) include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Configurazione del progetto e CLI
- Nozioni di base del routing basato sul file system
- Panoramica di pagine e layout
- Stilizzazione della Sua app Next.js