Creare un blog su Linode usando Tailwind CSS e un'alternativa a Bootstrap
In questo video, @CodeWithHarry vi mostrerà come programmare e distribuire un blog utilizzando Tailwind CSS. Alla fine di questo video imparerete come ospitare il vostro blog su un'istanza Linode.
Capitoli:
0:00 Introduzione
0:24 Creare un nuovo progetto Next
0:45 Trovare un modello di blog
1:40 Importare un modello di blog
2:50 Creare l'app Next
3:50 Personalizzare l'indice
4:45 Aggiungere i caratteri agli stili globali
5:20 Creare il componente Navbar
7:50 Installare Alpine.js e Font Awesome
11:50 Creare footer.js
13:00 Continuare a personalizzare l'indice
19:00 Avviare l'istanza MongoDB su Linode
21:10 Accesso al cluster MongoDB
22:10 Aggiornare il firewall
23:50 Creare il database
25:20 Configurare Next.js con MongoDB
28:00 Installare MongoDB localmente
31:10 Creare un nuovo documento
31:50 Risolvere il problema di connettività
32:50 Aggiornare il dimensionamento dell'immagine
35:00 Terminare la personalizzazione dell'indice
37:20 Risoluzione dei problemi della pagina /post
38:16 Aggiungere il nome del blog alla barra di navigazione
40:00 Come modificare i post
42:00 Creare il componente della barra laterale
44:20 Controllare la reattività
44:40 Risolvere i problemi di reattività
49:05 Importare i messaggi nella bussola MongoDB
51:45 Recuperare i post del blog dal database
52:02 Creare getBlog.js e getBlogs.js
55:00 Aggiornare i tag del blog
56:40 Configurare la funzione Crea markup
58:20 Configurare la meta descrizione
59:10 Recuperare il contenuto per lo slug
1:12:00 Aggiornare i post selezionati
1:13:35 Conclusione
Nuovo su Linode? Iniziate qui con un credito di 100 dollari!
Leggete il documento per maggiori informazioni sui linguaggi di sviluppo web.
Per saperne di più su Tailwind CSS.
Iscrivetevi per essere avvisati dei nuovi episodi non appena vengono pubblicati.
#Linode #Tailwindcss #sviluppo web
Prodotti: Linode, Blog, Tailwind CSS; @CodeWithHarry
Ti potrebbe interessare anche...
-
Kimai, l'app open source per la misurazione del tempo e il cloud fai da te
Kimai è un rilevatore di tempo gratuito e open source per tutti. Tiene traccia del tempo di lavoro con visualizzazioni disponibili per diversi periodi di tempo. -
Nuove opportunità beta e introduzione alle funzioni serverless
Accesso anticipato a nuovi data center, servizi e altro ancora. -
WASM è il futuro di Cloud Computing? | In che modo costruire con WASM oggi potrebbe prevenire i problemi futuri?
In questo video, @gardiner_bryant approfondisce il tema di WebAssembly, noto anche come WASM, ed esplora ciò che offre per il cloud computing. -
La versatilità di WebAssembly | I 5 principali linguaggi che potete distribuire ovunque con WASM
In questo video, @gardiner_bryant parla dei cinque principali linguaggi che possono essere distribuiti nel cloud e compilati in WebAssembly (WASM).