Personal portfolio with blog — minimalist, performant, and multilingual.
My personal portfolio. Beyond showcasing my projects, the site features an integrated blog with Markdown support and syntax highlighting.
- 🌍 Internationalization: Portuguese (PT), English (EN), and Spanish (ES) with next-intl.
- ⚡ Performance: Static rendering with Next.js App Router + Turbopack.
- 📝 MDX Blog: Posts with GitHub Flavored Markdown, syntax highlighting, and styled typography.
- 🌙 Dark/Light mode: Smooth toggle with preference saved in the browser.
- 🎨 Clean UI: Tailwind CSS v4, Phosphor Icons, Geist font.
| Category | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS 4 |
| Icons | Phosphor Icons |
| i18n | next-intl |
| Blog | MDX, next-mdx-remote, rehype-highlight |
| Font | Geist (Google Fonts) |
- Node.js 20.x+
# Clone
git clone https://github.com/Otarossoni/otaviorossoni.com.git
# Enter the directory
cd otaviorossoni.com
# Install dependencies
npm install
# Start the development server
npm run devAccess http://localhost:3000.
| Command | Description |
|---|---|
npm run dev |
Development server with Turbopack |
npm run build |
Production build |
npm start |
Production server |
npm run lint |
Code linting |
npm run typecheck |
TypeScript type checking |