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...
-
Inviare e salvare dati con Remix - Costruire un'applicazione di database nel mondo reale
In questo video, tratteremo l'instradamento di Remix e l'invio di moduli con HTML e Javascript, nonché l'accesso ai dati, la convalida e il salvataggio. -
Abbandonate Calendly per Calendso | Il pianificatore di appuntamenti open source
In questo video, Josh di KeepItTechie mostra come installare e utilizzare Calendso, un'alternativa open-source a Calendly. -
Introduzione a Git | Basi del controllo di versione
In questo video, Walt RIberio illustra le basi del controllo di versione e come utilizzare Git dalla riga di comando. -
Costruire un'applicazione per le notizie completamente in primo piano usando NewsAPI e Bootstrap
In questo video, @CodeWithHarry dimostra come sia possibile costruire un sito web di notizie commerciali con News API e Bootstrap UI.