La creazione di un’applicazione MERN (MongoDB, Express, React, Node.js) richiede diverse fasi. Ecco una semplice guida per aiutarti a partire dal nulla:
Prerequisiti:
Devi avere installato su computer Node.js e MongoDB.
1. Creare una nuova cartella per il tuo progetto: Apri il terminale e digita: \`\`\` mkdir mern-app cd mern-app \`\`\`
1. Inizializza un nuovo progetto Node.js: Da terminale, digita: \`\`\` npm init -y \`\`\` Questo creerà un nuovo file “package.json” nel tuo progetto.
1. Installa Express e Mongoose: Questi pacchetti ti permetteranno di creare un server e di interagire con MongoDB. Per installarli, digita: \`\`\` npm install express mongoose \`\`\`
1. Crea un server.js Apri il tuo editor di testo preferito e crea un nuovo file chiamato “server.js”. Questo file sarà il punto di ingresso per la tua app.
Esempio di codice per server.js \`\`\` const express = require(‘express’); const mongoose = require(‘mongoose’); const app = express(); mongoose.connect(‘mongodb://localhost/mern-app’, { useNewUrlParser: true, useUnifiedTopology: true }); app.get(‘/’, (req, res) => { res.send(‘Hello World!’) }); app.listen(3000, () => console.log(‘Server started on port 3000’)); \`\`\`1. Avvia il server: Sul terminale, digita: \`\`\` node server.js \`\`\`
1. Crea una nuova app React: Apri un nuovo terminale e naviga nella tua cartella del progetto. Poi digita: \`\`\` npx create-react-app client \`\`\`
1. Naviga nella tua cartella “client” e avvia l’app React: \`\`\` cd client npm start \`\`\`
1. Installa Axios: Axios ti permetterà di fare richieste HTTP al tuo server. Per installarlo, digita: \`\`\` npm install axios \`\`\`
1. Ora puoi iniziare a creare la tua app MERN!
Ricorda che questo è un esempio molto semplice di come creare un’app MERN. Potresti aver bisogno di installare altri pacchetti o configurare ulteriormente il tuo progetto a seconda delle tue esigenze specifiche.
