Come sviluppare un Blog performante con Qwik e Supbase

Ciao!

In questo primo articolo della serie “Come sviluppare un blog con Qwik e Supabase” faremo una panoramica del progetto evidenziano il processo di sviluppo e le tecnologie che andremo ad utilizzare.

Topics

Prerequisiti
Progettazione
Tecnologie per lo sviluppo
Messa in produzione
Requisiti funzionali
Conclusioni

1. Prerequisiti

Per questo progetto non sono necessarie competenze tecniche approfondite ma sarai avvantaggiato se hai già utilizzato:

React/NextJS
Vite
Database Relazionali

2. Progettazione 📐

Il primo step per costruire il nostro blog sarà quello della progettazione.

Definiremo quella che sarà la Sitemap del sito in maniera schematica e cercheremo di capire quali sono i requisiti minimi.

Non progetteremo un layout da zero (UI/UX) ma faremo riferimento ad un template esistente e lo utilizzeremo come base per sviluppare le nostre pagine.

Andremo in fine a definire la struttura del database e l’organizzazione dello storage per gestire dinamicamente le informazioni e gli articoli del nostro blog.

3. Tecnologie per lo sviluppo💻

Le tecnologie che adopereremo per lo sviluppo del Blog sono, ad oggi, relativamente recenti, performanti e molto promettenti:

Qwik: Framework principale per lo sviluppo client side del Blog
Supabase: Database online che utilizzeremo per dati e storage (Prezzi)
Tailwindcss: Framework css per lo stile
SendGrid: Invio email (Prezzi)

Oltre questi tool principali avremo modo di vedere come creare un form di contatto/newsletter e la gestione di più lingue.

4. Messa in produzione 🚀

La messa in produzione del progetto sarà molto semplice, utilizzeremo Netlify che offre un buon piano gratuito (Prezzi) su cui collegheremo l’account GitHub in modo da poter effettuare il deploy automatici.

5. Requisiti funzionali ⚖️

Il blog che andremo a progettare sarà un blog incentrato sui pokemon e dovrà avere le seguenti funzionalità:

Iscrizione alla newsletter
Form di contatto
Lista dei Pokemon
Scheda dettaglio dei pokemon
Ricerca dei pokemon con filtri
Lista di articoli

6. Conclusioni 🥸

Per quanto il progetto possa sembrare semplice andremo sicuramente a toccare dei punti molto interessanti come la gestione dei form, gestione dell’internazionalizzazione, faremo delle chiamate api per prendere le informazioni dei pokemon e vedremo come creare ed interagire con un database e lo storage di Supabase.

Ci vediamo alla progettazione! 😉