Summary  
This chapter covers configuring a version-controlled code repository and linking it to an automated deployment platform to trigger deployments upon code commits.

General domain of usage  
Web application deployment

Sono necessari un account **GitHub** e un account **Vercel** per rendere il processo di deployment semplice e chiaro.

## Github
1. Per iniziare, creare un account GitHub utilizzando il seguente link: <a href="https://github.com/signup" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" ><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> https://github.com/signup</a>;
2. Successivamente, caricare il progetto sviluppato localmente su GitHub. Se si è alle prime armi con la configurazione di un repository, consultare la guida GitHub: <a href="https://docs.github.com/en/repositories/creating-and-managing-repositories/quickstart-for-repositories" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" ><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> Quickstart for repositories</a>.


## Vercel
Registrarsi per un piano "hobby" gratuito su Vercel all'indirizzo <a href="https://vercel.com/signup" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" ><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> https://vercel.com/signup</a>. Collegare l'account GitHub selezionando Continua con GitHub.

Impara a creare applicazioni web moderne e ad alte prestazioni utilizzando Next.js. Configura progetti con layout strutturati, stile e routing per una navigazione fluida. Recupera e visualizza dati in modo efficiente ottimizzando il rendering e le prestazioni. Implementa funzionalità avanzate come paginazione, operazioni CRUD e ricerca globale per applicazioni web dinamiche. Distribuisci i tuoi progetti Next.js, collegali a database e aggiungi l'autenticazione per proteggere i dati degli utenti.

Discutiamo le conoscenze necessarie prima di approfondire il framework Next.js, cosa aspettarsi da questo corso e cosa realizzerai.

Imposteremo il progetto, esamineremo i metodi per aggiungere lo stile alla nostra applicazione e tratteremo aspetti visivi come immagini, font, pagine e layout.

Scopri come creare e gestire facilmente una nuova vista per la tua applicazione e navigare tra tutte le pagine senza interruzioni grazie a un sistema di routing integrato.

Distribuire l'app Next.js utilizzando account GitHub e Vercel. Inoltre, configurare un database per fornire all'app i dati necessari.

Considerare come ottenere e mostrare i dati all'utente in modo chiaro ed efficiente.

Scopri come implementare funzionalità web moderne come paginazione, operazioni CRUD, ricerca globale, validazione dei moduli e altro ancora.

Implementazione dell'autenticazione in Next.js.

Configurazione degli Account GitHub e Vercel

Github

Vercel

Awesome!

Configurazione degli Account GitHub e Vercel

Github

Vercel