Portfolio – Nuxt + Tailwind + TypeScript

This is a modern and customizable portfolio template built with Nuxt 3, styled using Tailwind CSS, and enhanced with TypeScript. It includes content editing with Nuxt Studio, form handling with Resend, and internationalization support (i18n) for both French and English.

✨ Toast notifications are handled using Vue Sonner, and the codebase is kept clean with a solid ESLint setup.

Features

• ⚡️ Nuxt 3 + TypeScript
• 🎨 Tailwind CSS for fast UI styling
• 🌍 i18n (FR / EN)
• 📨 Resend for contact forms
• 🧼 ESLint with a nice config
• 🧑‍💻 Nuxt Studio for live content editing
• 🔔 Toasts with Vue Sonner

Quick Setup

1. Clone the repository

git clone git@github.com:cavalluccijohann/portfolio-johann.git

2. Install dependencies

bun install

3. Set up environment variables

# Create a .env file based on .env.example and fill in required keys (e.g., Resend API)

4. Start development server

bun dev

5. Build static project

bun generate

6. Launch in production

bun start

Content Editing

Content can be modified easily via Nuxt Studio – just open the project in Studio and edit pages or text dynamically.

Author

---

• Johann Cavallucci

---