Skip to content

kevintersigni/2manydevs-frontend

Repository files navigation

2manydevs

Voilà mon premier site perso.

Hybride entre blog, journal et portfolio, je me suis basé sur ce tuto --> Build a blog with Next (React.js) and Strapi. J'ai donc utilisé Next.js pour le front hébergé chez Vercel et Strapi pour le CMS hébergé sur Heroku avec l'add-on PostgreSQL pour la base de données. Le tuto était très incomplet et j'ai diggé un certain nombre d'informations. J'en ferais un tuto en français sur ce nouveau site dans un article dédié.

J'ai connecté le provider Cloudinary pour stocker les images et j'ai ajouté un autre éditeur WYSIWYG pour remplacer le natif de Strapi : Strapi CKEditor5 plugin. Pour rendre correctement le HTML avec React markdown j'ai utilisé les packages rehype-raw et rehype-sanitize.

Côté design je n'ai pas utilisé un des starters Strapi mais plutôt un template de blog contenant une UI. Une V2 avec un design custom arrivera prochainement ;)

L'objectif pour moi à travers ce site est d'apprendre, de produire et d'apprendre en produisant !

Demo

Lien du projet : 2manydevs

Backend / CMS Strapi 👉🏼 par là

Features

  • Homepage
  • SEO
  • Catégories
  • Articles
  • Tags
  • Commentaires avec Disqus

Skills & packages

NextJS, React, Javascript, HTML, CSS.

Strapi, PostgreSQL, Cloudinary, CKEditor5, Disqus.

Installation

Install my-project with yarn 👇🏼

Clone this repository:

git clone https://github.com/kevintersigni/2manydevs-frontend.git

Install packages:

yarn install

When installation is complete, launch the project:

yarn dev

Open http://localhost:3000 with your browser to see the result.

Roadmap

Pour améliorer ce projet voici ce que je prévois :

  • nouvelle maquette
  • ajout d'une page contact
  • création d'un logo
  • publication automatique des articles sur mon Medium