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 [email protected]: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