Portfolio 2024

🖼 My new portfolio built with Nuxt, Nuxt Content, NuxtUI, Nuxt Studio, NuxtHub

---

⚒️ Tech stack

• UI → Vue.js
• Framework → Nuxt.js
• Content → Nuxt Content
• Design System → NuxtUI
• CMS & Editing → Nuxt Studio
• Language → Typescript
• Deployment → NuxtHub
• Styling → Sass & Tailwind CSS
• Package Manager → pnpm

🍱 Adding content

Portfolio

Add a new .md file in /content/portfolio/ and follow the same pattern as the other articles. Add images in /public/portflio/.

Uses

Add a new item in /content/uses.

⚡ Running locally

# Installation (recommended for nuxt3)
pnpm i --shamefully-hoist

# Development server
pnpm dev

Add a .env file with the following content:

# Wakatime
NUXT_WAKATIME_USER_ID=...
NUXT_WAKATIME_CODING=...
NUXT_WAKATIME_LANGUAGES=...
NUXT_WAKATIME_OS=...
NUXT_WAKATIME_EDITORS=...

# Nuxt Sitemap
NUXT_PUBLIC_SITE_URL=...

# Nuxt Hub
NUXT_HUB_PROJECT_KEY=...

# Discord
NUXT_DISCORD_ID=...
NUXT_DISCORD_TOKEN=...
NUXT_DISCORD_USER_ID=...

# Cloud files
NUXT_PUBLIC_CLOUD_RESUME=...

# Nuxt I18N
NUXT_PUBLIC_I18N_BASE_URL=...

# Nuxt Mapbox
NUXT_PUBLIC_MAPBOX_STYLE_LIGHT=...
NUXT_PUBLIC_MAPBOX_STYLE_DARK=...
NUXT_PUBLIC_MAPBOX_ACCESS_TOKEN=...

📄 License

MIT © Arthur Danjou