omardeangelis / hpv4learning

Gatsby minimal starter

## 🚀 Quick start 1. **Create a Gatsby site.** Use the Gatsby CLI to create a new site, specifying the minimal starter. ```shell # create a new Gatsby site using the minimal starter npm init gatsby ``` 2. **Start developing.** Navigate into your new site’s directory and start it up. ```shell cd my-gatsby-site/ npm run develop ``` 3. **Open the code and start customizing!** Your site is now running at http://localhost:8000! Edit `src/pages/index.js` to see your site update in real-time! 4. **Learn more** - [Documentation](https://www.gatsbyjs.com/docs/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Tutorials](https://www.gatsbyjs.com/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Guides](https://www.gatsbyjs.com/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [API Reference](https://www.gatsbyjs.com/docs/api-reference/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Plugin Library](https://www.gatsbyjs.com/plugins?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) - [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) ## 🚀 Quick start (Gatsby Cloud) Deploy this starter with one click on [Gatsby Cloud](https://www.gatsbyjs.com/cloud/): [

](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/gatsbyjs/gatsby-starter-minimal) # hpv4learning

hpv4learning's Issues

Support Image on Safari

Problema

Molto probabile che molte delle immagini che abbiamo inserito su Safari non mostrino il borderRadius

Soluzione:
Aggiungere al wrapper intorno alle GatsbyImage un Box che abbia le props di overflow: hidden, transform: translateZ(0)

Create Page "Consulenze"

Gestione Alternate & Canonical Link con la paginazione

Problema

Nella pagine paginate bisogna che il link canonical punti alla pagina originale

Home Page Generale: Aggiungere Sezione con gli ultimi 3 progetti usciti

Creazione Pagina delle Categorie Dei progetti

Singolo Articolo: Creazione dei banner (alto a destra e fondo pagina )

Link Hover in Projects Section

I link e la label degli articoli sono senza hover

Body Consulenze

Singolo Articolo: Render del body dell'Articolo con React Markdown

Add chip onClick

Controllare che esista body per creazione pagine articoli

Hero Consulenze

Aggiungere Voce e Link a Header e Sidebar props per alzare il footer

Singolo Articolo: Creazione Della pagina dal Server

Fix HeadingsLink component

Home Project Section render latest article

Path dei progetti in home sono rotti

Aggiungere Gastby TypeGen

Docs:
https://www.gatsbyjs.com/docs/how-to/local-development/graphql-typegen/

Box di Prossimo progetto non gestisce correttamente l'ultimo progetto

Use Gastby Typegenerated Queries

Problema

Sostituire i types generati automaticamente dalle query grazie al plugin di gatsby

Where

• Seo
• Single Project
• Course Project Pages
• Single Course
• Course Category
• Other Static Query

Check for udemy teacher API

Find better way to integrate handle udemy Coupons

Aggiungere Nuova Sezione nel Footer per la parte dei progetti

Creare Banner Fondo Pagina

Reorder Project Folder & Exports

La cartella è organizzata di merda e a breve diventerà un disastro.
Propongo di:

• Riorganizzarla secondo questa divisione:
  https://engineering.udacity.com/react-folder-structure-for-enterprise-level-applications-f8384eff162b

• Riorganizzare gli export dei component in modo che vengano tutti esportati da un file index.ts come named export

Fixare immagini nel corpo degli articoli

Esempio

https://hpv4learningstaging-projectssection.gtsb.io/progetti/react/react-useeffect-slider/

Remove all GatsbyLink @ts-ignore

Related Issue

gatsbyjs/gatsby#35918

Aggiungere Dati Strutturati nella pagine di categorie e homepage

Da aggiungere in

• Home Articoli
• Pagine delle categorie

Check su slug finali creati e sugli slug con regex per eliminare caratteri speciali

Creazione componente per il singolo progetto

Integrate Floating UI per aprire la sezione dei corsi nell'header

Usare questa libreria è sicuramente più furbo della filippinata con cui ora apro quella tendina
https://floating-ui.com/

Creare Nuova Sezione in Home di rimando ai progetti

Add Semantic Release

Need Semantic Release to have uman readable commits & release

Home Project Section: Render delle sezioni dei progetti e Progetto più recente

Rimuovere asterischi da box svolazzante in articolo

CustomHook per ottenere pathname nell'ArticleSchema

const pathname = React.useMemo(() => {
    if (hasMounted) return window.location.pathname;
  }, [hasMounted]);

Fix ArticleHero

Template Singole Pagine del progetto: Render dei progetti

Usare metaDescription in project category pages

Singolo Articolo: Creare sezione dei correlati

Home dei Progetti: Render dei progetti

Ti ho riassegnato qui

Creare una Variante Della Navbar per quando è "inverted"

La Navbar al momento fa un disastro per invertire i colori sulla pagina "lavora con noi". Trovare un modo più furbo per ottenere questo risultato

Add cross env to build with staging env

Template Dei singoli Corsi: Spostare i progetti più in alto e usare nuovo componente dei progetti

Update Gastby to > 4.9.0

Safari images has strange beahaviour between 4.6 & 4.9 gatsby version

Add riscatta il coupon link in ProjectArticle

Add eslint as linter & pre-commit hook

https://www.aleksandrhovhannisyan.com/blog/format-code-on-save-vs-code-eslint/

Creare Banner a Fondo Pagina

Singolo Articolo: Colorare il Codice negli articoli

Singolo Articolo: Creazione Seo e MetaDati

Template Singole pagine dei progetti: Paginazione lato server e frontend