Les stacks techniques
Publié le 28 juillet 2023 - par Andy Cinquin
Stacks techniques pour le développement webTailwindCSS pour le design moderneNextJS et les frameworks Front-EndUtilisation de TailwindUI et HeadlessUIBibliothèques de composants UI modernesAlternative à Wordpress pour le développement webGénération d'API avec Hasura et StrapiConteneurisation avec DockerIntégration continue et déploiement avec GitHub CI/CDTests unitaires et E2E avec Jest et CypressAutomatisation des mises à jour avec Renovate BotOutils et logiciels de développementCMS personnalisables et gestion de contenuServeurs et déploiement sur VPSOrganisation et productivité avec Obsidian
Définition
Dans cet article, je vais vous présenter les différents stacks techniques que j'utilise et que j'affectionne tout particulièrement pour chaque domaine d'expertises, tous les outils utilisés et leurs utilités.
Front - Pure front
~ TailwindCSS - (Librairie -CSS3-)
~ NextJS - Frameworks Front-End
~ TailwindUI - (Bibliothèque de composants pré-faits)
~ HeadlessUI - (Bibliothèque de composants pré-faits)
~ Sailboat UI - Modern UI component library for Tailwind CSS](https://sailboatui.com/) - (Bibliothèque de composants pré-faits)~ Autres bibliothèques de composants : Xtend UI - Gallery - By Type Themes
Free Modern React Templates & Components Treact dispo dans/3. Resources/Tech/treact-ui.zip
Hover animation : Snippets
Front - Wordpress alternative
~ TailwindCSS - (Librairie CSS3)
~ Wordpress - (CMS, je l'utilise pour le côté admin sympa à utiliser pour permettre des modifications rapides du côté du client)
~ [ordplate - (Boilerplate qui change tout le fonctionnement interne de wordpress)
~ ACF - (Plugin de créations de formulaires dans la page d'admin pour link des saisies admin & du code)
Backend - API
~ Hasura - (Générateur d'API , GraphQL)
~ PocketBase - (Backend en 3 click - Go)
~ Strapi - (Backend en 3 click - JavaScript)
Serveurs
~ Docker - ( toutes les applications sont conteneurisées )
~ Github CI CD - ( pour le build de l'app sur docker & l'envoi sur CapRover )
~ VPS Contabo - ( installation debian dans un VPS )
~ Cap Rover - ( PaaS - VPS Prod - PaaS & Others )
Stack de test
~ Jest - (Test unitaire)
~ Cypress - (E2E testing & simulation comportement utilisateur)
~ Percy - (E2E testing - Test de non-régression)
~ Sorry-Cypress - (Parallélisation des tests)~ Renovate Bot - (Mise à jour automatique)
Les outils & logiciels utilisés
IntelliJ IDEA - ( IDE )
Git Kraken - ( git plus agréable à utiliser )
Syncthing - ( sync des fichiers, drive custom )
Obsidian - ( organisation & second brain )
En vous remerciant de votre visite, n'hésitez pas à me
contacter pour toute demande de renseignements, devis ou
proposition de collaboration. Je me ferai un plaisir de
vous répondre dans les plus brefs délais.
Vous avez aimé cet article ? N'hésitez pas à le partager !