NuxtVuePortfolioCorporate Website

aboubak.art — Nuxt Portfolio Template

By sidikfaha

A Nuxt-based personal portfolio website template with a blog, multilingual support, and animations, under the MIT license.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews

Desktop homepage1 / 3

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

Built with Nuxt, with pages, layouts, and components organized according to framework conventions

Uses Nuxt Content to manage blog posts in Markdown

Provides English and French through @nuxtjs/i18n

Uses Tailwind CSS for colors and styling, GSAP for animations, and Nuxt Icon for icons

Supports npm run generate to generate a static site, deployable to static hosting platforms

The repository includes a standard MIT license file, permitting free use, modification, commercial use, and distribution

Template Details

This is a personal portfolio website template built with Nuxt. The repository author is Aboubakar Sidik Faha, and the demo site is the author's own portfolio. The template has a clear positioning: to give tech professionals without their own website a starting point that can be forked and customized into a personal homepage.

Functionally, it includes a portfolio showcase, an about page, and a Markdown-based blog (powered by Nuxt Content), and supports English and French (@nuxtjs/i18n). Styling uses Tailwind CSS, animations use GSAP, and icons use Nuxt Icon. The project structure follows Nuxt conventions: components, composables, layouts, locale files, and pages are under app/, blog posts are in content/, and static files are in public/.

To use it, clone or fork the repository, install dependencies, run npm run dev for local development, npm run build to build, and npm run generate to generate a static site. The output directory is .output/public, which can be deployed to any static hosting platform. The README suggests deployment platforms including Vercel, Netlify, and Cloudflare Pages.

Content that needs to be replaced is concentrated in the locale files (app/locales/en.json, fr.json), the about page (app/pages/about.vue), project details (app/pages/projects/), and blog posts (content/blog/). Colors are defined in app/assets/css/tailwind.css. The README lists the default values as background #010304, accent color #3b82f6, primary text #ffffff, and secondary text rgba(255,255,255,0.7).

Regarding licensing, the repository includes a standard MIT license file, which permits free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and license notice are retained when distributing. The code is provided as is. Third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses. External services such as domains and hosting may incur separate charges. The performance description in the README is the author's own statement and was not verified in this material.

NuxtPortfolioCorporate website

Is it right for your project?

Use Cases

Tech professionals building a personal portfolio and resume homepage
Personal sites that need to display content in both Chinese and English or multiple languages
Personal websites that write and publish technical blogs in Markdown
As a reference example for Nuxt project structure, i18n, and the Content module

Suitable For

Tech professionals who want to quickly start a personal portfolio
Developers who are willing to fork the template and modify the copy and content themselves
Users who need static generation and deployment to Vercel, Netlify, or Cloudflare Pages
Front-end developers familiar with or willing to learn Nuxt and Tailwind CSS

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Requires Node.js 18+; install dependencies with npm or yarn
2
Run npm run dev for local development, npm run build to build, and npm run generate for static generation
3
After static generation, deploy the .output/public directory
4
Replace personal information in app/locales/en.json and fr.json, and modify content under about.vue, projects/, and content/blog/
5
Adjust colors in app/assets/css/tailwind.css; the default accent color is #3b82f6

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

Permits free use, modification, commercial use, and distribution of this version of the code.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/sidikfaha/aboubak.art/blob/master/LICENSE https://github.com/sidikfaha/aboubak.art/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 88 / 100
Technologies: Nuxt · Vue
Website type: Portfolio · Corporate Website

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-07-27
Screenshot last checked: 2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: bb37e208377be2b22d5b7bcf7c24025c6ad4cf270f7bac4a7f6b315da78579e1

2026-10-13T05:17:00.955Z

Source file / repository

# Aboubakar Sidik Faha - Portfolio

A modern, professional portfolio website built with Nuxt 4, Tailwind CSS 4, and Nuxt Content.

## Features

- **🎨 Modern Design**: Dark theme with elegant animations and glassmorphism effects
- **🌍 Internationalization**: Support for English and French (i18n)
- **📝 Blog**: Markdown-based blog using Nuxt Content
- **⚡ Performance**: Optimized for speed with lazy loading and code splitting
- **📱 Responsive**: Fully responsive design for all devices
- **🎭 Animations**: Smooth GSAP-powered animations and transitions

## Tech Stack

- **Framework**: [Nuxt 4](https://nuxt.com)
- **Styling**: [Tailwind CSS 4](https://tailwindcss.com)
- **Content**: [Nuxt Content](https://content.nuxt.com)
- **i18n**: [@nuxtjs/i18n](https://i18n.nuxtjs.org)
- **Animations**: [GSAP](https://greensock.com/gsap)
- **Icons**: [Nuxt Icon](https://icon.nuxtjs.org)

## Getting Started

### Prerequisites

- Node.js 18+
- npm or yarn

### Installation

```bash
# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Generate static site
npm run generate
```

### Project Structure

```
├── app/
│   ├── components/     # Vue components
│   ├── composables/    # Vue composables
│   ├── layouts/        # Nuxt layouts
│   ├── locales/        # i18n translations
│   ├── pages/          # Nuxt pages
│   └── assets/         # Static assets
├── content/            # Nuxt Content (blog posts)
├── public/             # Public static files
└── nuxt.config.ts      # Nuxt configuration
```

## Customization

### Colors

The color scheme is defined in `app/assets/css/tailwind.css`:

- Primary Background: `#010304`
- Accent Color: `#3b82f6`
- Text Primary: `#ffffff`
- Text Secondary: `rgba(255, 255, 255, 0.7)`

### Content

Update your personal information in:
- `app/locales/en.json` - English translations
- `app/locales/fr.json` - French translations
- `app/pages/about.vue` - About page content
- `app/pages/projects/` - Project details
- `content/blog/` - Blog posts (Markdown)

## Deployment

This project can be deployed to any static hosting platform:

```bash
# Generate static files
npm run generate

# Deploy the .output/public folder
```

Recommended platforms:
- [Vercel](https://vercel.com)
- [Netlify](https://netlify.com)
- [Cloudflare Pages](https://pages.cloudflare.com)

## License

MIT License - feel free to use this template for your own portfolio!

---

Built with ❤️ by Aboubakar Sidik Faha

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

landing

A landing page template from the official Nuxt UI repository, built with Nuxt, Nuxt UI, and Nuxt Content. It can be initialized via `npm create nuxt@latest -- -t ui/landing` or cloned and run with pnpm commands for development, build, and preview.

Nuxt · Corporate Website

canvas

Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.

Nuxt · Portfolio

portfolio

A Nuxt portfolio template using Nuxt UI for interface components and Nuxt Content for content, intended to showcase projects, skills, and blog.

Nuxt · Portfolio

tailwind-landing-page-nuxt

A Nuxt version of the Tailwind Toolbox Landing Page template by Vannsl, written with Tailwind CSS and organized into components such as TheHeader, Hero, Features, Prices, CallToAction, and TheFooter, with pages/index.vue as the entry.

Nuxt · Corporate Website

nuxtjs-tailwindcss-portfolio

A Nuxt.js and Tailwind CSS personal portfolio starter theme with dark mode, theme switching, Vuex state management, reusable components, project category filtering and title search, Vue transition animations, a project carousel, smooth scrolling, a dynamic form, a counter, and back-to-top and download…

Nuxt · Portfolio

nuxt-resume

A personal resume website template built with Nuxt and Vue, with i18n multilingual support. Resume copy and page text are maintained through JSON files under locales, with English and Spanish provided by default; new languages can be registered in nuxt.config.js.

Nuxt · Portfolio