Frontend architecture
Maintainable foundations for a B2B SaaS platform: components, design system, server rendering.
- Nuxt
- Vue
- TypeScript
- SSR
Sami Baccouche
Engineering Lead · Frontend Architect · Full Stack · GenAI
« Passionate about designing large-scale software, B2B SaaS platforms and AI-based solutions. »
I enjoy turning complex challenges into scalable, maintainable solutions while helping teams grow and deliver impactful products.
In 30 seconds
- Currently Engineering Lead at DJUST in Paris: leads the engineering team and designs the architecture of web applications.
- 5+ years at DJUST with steady growth: Frontend Developer in 2021, Senior Frontend Engineer & Tech Lead in 2023, Engineering Lead in 2026.
- Focus: frontend architecture (Nuxt, Vue, React, TypeScript), full stack development of B2B SaaS platforms, and generative AI integration (agents, LLMs, RAG).
- Current with generative AI (agents, MCP, RAG, real-time voice), certified Google GenAI and Certified Claude Architect, plus Nuxt Master and Vue.
- at DJUST
- 5+ yrs
- first project shipped
- 2018
- AI certifications
- 2
- languages
- 4
DJUST · 5+ years
Continuous growth within the same company, from the first line of code to technical leadership.
- April 2021Frontend Developer
Design and delivery of key features, high-performance web applications.
- August 2023Senior Frontend Engineer & Tech Lead
Nuxt reference: frontend architecture and team support.
- January 2026Engineering Lead
Technical leadership, frontend and full stack architecture, AI-powered products.
Developer platform
Tools for other teams: shared components, TypeScript SDK, APIs.
- TypeScript SDK
- API Design
- DX
AI-powered products
Features built on language models and agents.
- LLM
- Agents
- RAG
From design to production
Architecture, full stack development, continuous delivery and observability.
- Full stack
- CI/CD
- Observability
Team
Mentoring, code reviews, sharing engineering practices.
- Mentoring
- Code reviews
- Agile
Before DJUST
Projects shipped since 2018: websites, web and mobile applications, from design to release.
- February — April 2021Full Stack Web Developer · Boom-creation.com
Full stack web development.
Web · Full stack - February — July 2020Full Stack Developer · STEG
Web and mobile application to manage electrical installations, with geolocation, for an electricity and gas utility.
Laravel · Ionic 4 · Angular · API REST - January — February 2019Full Stack Developer · Octa+ Technology
Full stack web application and admin dashboard for an association (HR, blogs, activities), then the showcase website of an international festival.
Laravel 7 · JavaScript · MySQL - January — February 2018Frontend Developer · Octa+ Technology
Full stack web application and admin dashboard for an association (HR, blogs, activities), then the showcase website of an international festival.
HTML5 · CSS · Bootstrap · JavaScript · PHP
Generative AI, today
Today’s generative AI building blocks, applied to real products, each with a concrete use.
Agents and tools (MCP)
Assistants that do more than answer: they call tools in a controlled, verifiable way. MCP standardises these connections.
Example: an agent that prepares a back-office action the user approves before it runs.
RAG: answers grounded in your documents
The model relies on the company’s documents instead of making things up.
Example: an assistant answering questions from product documentation, with sources.
LLM integration in the product
Picking the right model, framing answers, controlling cost and latency, integrating cleanly in the UI.
Example: writing or search assistance directly inside the application.
Real-time voice
Voice conversation with a real-time model, interruptions included.
Shown on this site: my AI version, which you can talk to.
Certified Google GenAI and Certified Claude Architect.
This portfolio, a working demo
Designed by Sami and built with AI coding agents. Everything below actually runs on this site.
- My AI version, by voice, in real time (OpenAI Realtime, WebRTC): you talk, it answers in the first person and can be interrupted.
- Tool-using agent: 8 strictly validated actions let it drive the 3D scene (move, show a treasure, observe).
- Security: API key on the server only, origin checks, sessions limited in time and number.
- 3D world in the browser (Three.js, React Three Fiber): water, light and effects written as custom shaders.
- Mobile first, accessible (reduced motion, keyboard) and covered by automated tests.
How I work
From design to production, I work on architecture, full stack development, AI integration, CI/CD and observability, with particular care for performance, accessibility and developer experience.
Experience
DJUST
Paris, France- Engineering LeadFrontend Architect · Full Stack · GenAIJanuary 2026 — present
- Senior Frontend Engineer & Tech LeadNuxt Expert · Frontend ArchitectureAugust 2023 — December 2025
- Frontend DeveloperWeb applications · Components · PerformanceApril 2021 — July 2023
Frontend architecture, high-performance web applications, developer platforms and AI-powered products. Design and delivery of key features, technical structuring and team support.
Key skills
Frontend & web experience
Product interfaces with Nuxt/Vue and React, from accessible components to animated interactions and 3D in the browser.
- Nuxt.js
- Vue.js
- React
- TypeScript
- Tailwind CSS
- Design Systems
- JavaScript
- Component Libraries
- SSR / SSG
- Performance web
- SEO
- WCAG / RGAA
GenAI & automation
Integrating models and agents into applications and workflows.
- AI Agents
- LLM Integration
- RAG
- MCP
- Prompt Engineering
- AI Workflows
SaaS & full stack
Building SaaS solutions that connect interfaces, APIs and services.
- Building SaaS Solutions
- Python
- Node.js
- Laravel
- GraphQL
- REST API
- PostgreSQL
- MySQL
- Redis
- SDK TypeScript
- API Design
- Developer Experience
Cloud & reliability
Taking applications to production and keeping them observable.
- Google Cloud Platform
- Cloud Run
- Cloud Build
- Artifact Registry
- Docker
- GitLab CI/CD
- GitHub Actions
- Grafana
- Sentry
- Dynatrace
- AWS
Architecture & leadership
Structuring technical decisions and sharing engineering practices.
- Frontend Architecture
- Architecture full stack
- Tests unitaires
- Jest
- SaaS multi-tenant
- Microservices
- Internationalisation
- Mentoring
- Code Reviews
- Agile
- Product Thinking
Side projects
- SamFlowA complete SaaS for transport companies: track and manage their fleets and run their business online.
- SamEatsA complete SaaS for restaurants: build your ordering website and mobile apps, and run your business online.
- MijomixAn AI-powered SaaS that turns a cooking recipe (video, image, link or text) into a Thermomix-compatible recipe.
- MyTraderHeroAn AI agent that follows and analyses the Bitcoin market.
- FiberTrackA mobile app to manage teams installing fibre optics.
- Le langage SamiMy own programming language: an interpreter written in Ruby that runs .sami files.
- Appli Kotlin et NFTAn Android app that displays digital collectibles (NFTs) through the OpenSea API: items, collections and events.
Contact
The easiest way: an email or a LinkedIn message.
baccouchesami.dev@gmail.comlinkedin.com/in/baccouche-sami
Outside of code: the sea, diving and spearfishing. This portfolio is a tribute to it.