Compra su Udemy
Compra il nostro corso su Udemy.com
Crea un blog con React Js e Storyblok
Panoramica
Curriculum
Panoramica
Scopri il corso Crea un blog con React Js e Storyblok per imparare a sviluppare un sito web o blog con React js e Storyblok headless CMS
Conoscenze necessarie
- È importante la conoscenza di HTML, CSS and JS
- È importante una conoscenza base di React js
- È utile saper utilizzare il terminal per eseguire alcuni comandi npm o yarn
Descrizione
In questo breve corso imparerai a sviluppare rapidamente siti web o blog usando la perfetta combinazione tra React js e Storyblok.
Storyblok è un moderno CMS che grazie alla sua Live Preview ti permette di modificare i contenuti in anteprima. React js è la perfetta soluzione per sviluppare i componenti che verranno utilizzato dal CMS come struttura della tua applicazione. Puoi realizzare blog, landing pages o siti web di più grande dimensione.
Questo corso è adatto a chi ha già una conoscenza di React js e vuole scoprire come utilizzarlo con un content management system come Storyblok. Non è necessaria una conoscenza avanzata di React, ma questo corso non si concentra sul funzionamento di React ma piuttosto su come utilizzarlo nel contesto di Storyblok.
Durante il corso scoprirai come i componenti React possono essere utilizzati come template nel CMS e creare la struttura del sito. Vedremo come utilizzare il framework CSS Bootstrap all’interno dell’applicazione. Imparerai a creare pagine e post, salvare il codice su Github e infine pubblicare sulla piattaforma Heroku per lanciare il tuo progetto LIVE.
Si tratta di un corso breve che si concentra molto sulla pratica puntando a fornire le competenze basi per iniziare a lavorare con il CMS in un paio d’ore. Alla fine del corso sarai in grado di creare un account in Storyblok e iniziare a sviluppare siti con React e il CMS.
A chi si rivolge questo corso:
- Sviluppatori front end che usano Reactjs
- Content editors o esperti di digital marketing che vogliono scoprire un nuovo CMS come Storyblok
- Programmatori web interessati allo sviluppo di CMS headlessCre
Curriculum
Vedi nel dettaglio il Curriculum
Curriculum
01 – Creare un account in Storyblok
02 – Installare NextJS-SB Boilerplate Storyblok
03 – Configurare la LivePreview sul server locale
04 – Configurare il CSS con Bootstrap
05 – Components
06 – Il mapping dei componenti nella nostra applicazione
07 – Creare il contenuto di una pagina
08 – Creare la nav bar con Bootstrap
09 – Creare la sezione Hero
10 – Creare link tra le pagine
11 – Creare il singolo post Parte 1
12 – Creare il singolo post | Parte 2: La slug
13 – Creare il singolo post | Parte 3: Il contenuto
14 – Creare il singolo post | Parte 4: Aggiungere altri post
15 – Next e il Routing
16 – Creare la pagina blog
17 – Aggiungere tutti i post alla pagina blog
18 – Modificare la struttura delle pagine
10 – Salvare il lavoro su Github
020 – Deployment su Heroku