Contexte
Dans le cadre de l’épreuve E5 du BTS SIO SISR et de ma démarche de développement professionnel, j’ai conçu et déployé ce portfolio. L’objectif double : constituer une vitrine professionnelle pour le jury et les recruteurs, et documenter ma veille technologique dans le domaine des systèmes et réseaux.
Ce que j’ai fait
Développer la présence en ligne (B1.3)
- Conception d’un portfolio statique avec Astro 6 (générateur de sites statiques moderne)
- Design sobre et professionnel : thème sombre/clair, police Inter, responsive mobile-first
- Déploiement en production sur VPS hébergé dans mon homelab Proxmox (LXC Debian, Docker)
- Accès public via
https://portfolio.net-flow.fravec certificat SSL Let’s Encrypt - Bilinguisme FR/EN pour une portée internationale
Choix techniques justifiés
- Astro 6 (output statique = performances maximales, sans serveur applicatif)
- Tailwind CSS v4 (utilitaires CSS, pas de framework JavaScript lourd)
- Contenu Markdown avec Content Collections Astro (fiches E5 versionnées sur GitHub)
- Docker multi-stage (node:24-alpine build → nginx:alpine serve) pour la portabilité
Organiser son développement professionnel (B1.6)
- Mise en place d’une veille informationnelle : flux RSS (Hacker News, The Hacker News, Krebs on Security), veille LinkedIn sur les acteurs de la cybersécurité et des réseaux
- Utilisation de GitHub comme outil de gestion de version et de présentation du travail (
Radiowar1792/portfolio-bts-sio-sisr— dépôt privé) - Documentation systématique de chaque réalisation en Markdown (fiches structurées : contexte, actions, technologies, compétences)
- Identité numérique professionnelle : profil LinkedIn cohérent avec le portfolio, GitHub public, adresse mail professionnelle
- Réflexion sur le projet professionnel : BTS SIO SISR → Licence Pro ASSR en alternance → métiers systèmes/réseaux/cybersécurité
Compétences mobilisées
Ce projet couvre directement le développement de la présence en ligne (B1.3 : valorisation de l’image professionnelle, référencement du portfolio) et l’organisation du développement professionnel (B1.6 : veille informationnelle, gestion de l’identité numérique, projet professionnel).