NuxtVuePortfolio

portfolio (iamshulz) — Nuxt Portfolio Template

By iamshulz

A portfolio template based on Nuxt, Nuxt UI, and Nuxt Content for showcasing work, skills, and blog content.

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.

Uses Nuxt UI for the interface and Nuxt Content for content management

Can be used to showcase work, skills, and blog content

Provides links to an online demo site and Nuxt UI installation documentation

Supports quick initialization via npm create nuxt with the specified template

README provides a Vercel deployment entry point and Renovate dependency update integration instructions

The repository uses the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

This is a Nuxt portfolio template that uses Nuxt UI for the interface and Nuxt Content for content management, suitable for building a personal portfolio site. The repository README states its purpose is to showcase work, skills, and blog content, and provides links to an online demo and Nuxt UI installation documentation.

The template offers a quick creation method: initialize the project by running the npm create nuxt command and specifying the github:nuxt-ui-templates/portfolio template. The development workflow uses pnpm to install dependencies, pnpm dev to start the development server locally on port 3000, pnpm build to build the production version, and pnpm preview to preview the production build locally. The README also provides a button for deploying to Vercel and recommends installing the Renovate GitHub app to automatically update dependencies.

Regarding licensing, the repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and the full MIT license notice are retained when distributing. Note that third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services such as domains and hosting may incur additional charges. The template does not specify detailed feature modules, performance, or production readiness in the provided information.

NuxtPortfolio

Is it right for your project?

Use Cases

Building a personal portfolio website to showcase projects and skills
Including blog content within the portfolio
Using as a sample project to learn how Nuxt UI and Nuxt Content work together
Developing further based on this template and deploying to Vercel

Suitable For

Personal portfolio sites that need a quick start
Front-end developers using the Nuxt tech stack
Users who want to manage portfolio and blog content with Nuxt Content

Getting started & customization

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

1
Initialize the project with npm create nuxt@latest -- -t github:nuxt-ui-templates/portfolio
2
Install dependencies with pnpm install
3
Start the development server at http://localhost:3000 with pnpm dev
4
Build the production version with pnpm build, and preview locally with pnpm preview
5
When distributing the code, retain the original author's copyright notice and the full MIT license notice; third-party assets require separate license checks

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 a public repository; the free scope applies to this version of the code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version of the code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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 must 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 additional charges.
The README recommends installing the Renovate GitHub app to automatically update dependencies; this is an optional external service integration and is not required for the template to run.
The README provides a one-click Vercel deployment entry point; deploying to Vercel is an external hosting service and may incur additional costs.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go.
Original README

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-name=portfolio&repository-url=https%3A%2F%2Fgithub.com%2Fnuxt-ui-templates%2Fportfolio
Original README

https://github.com/iamshulz/portfolio/blob/main/LICENSE https://github.com/iamshulz/portfolio/blob/main/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 · 83 / 100
Technologies: Nuxt · Vue
Website type: Portfolio

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-08-18
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: ca5f756590a45e2ad1b184bde32673847e1734c1793f25cd4a6a40c32a16a246

2026-10-13T08:45:28.343Z

Source file / repository

# Nuxt Portfolio Template

[![Nuxt UI](https://img.shields.io/badge/Made%20with-Nuxt%20UI-00DC82?logo=nuxt&labelColor=020420)](https://ui.nuxt.com)

Use this template to create your own portfolio with [Nuxt UI](https://ui.nuxt.com).

- [Live demo](https://portfolio-template.nuxt.dev/)
- [Documentation](https://ui.nuxt.com/getting-started/installation)

<a href="https://portfolio-template.nuxt.dev/" target="_blank">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://ui.nuxt.com/assets/templates/nuxt/portfolio-dark.png">
    <source media="(prefers-color-scheme: light)" srcset="https://ui.nuxt.com/assets/templates/nuxt/portfolio-light.png">
    <img alt="Nuxt Portfolio Template" src="https://ui.nuxt.com/assets/templates/nuxt/portfolio-dark.png">
  </picture>
</a>

## Quick Start

```bash [Terminal]
npm create nuxt@latest -- -t github:nuxt-ui-templates/portfolio
```

## Deploy your own

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-name=portfolio&repository-url=https%3A%2F%2Fgithub.com%2Fnuxt-ui-templates%2Fportfolio&demo-image=https%3A%2F%2Fui.nuxt.com%2Fassets%2Ftemplates%2Fnuxt%2Fportfolio-dark.png&demo-url=https%3A%2F%2Fportfolio-template.nuxt.dev%2F&demo-title=Nuxt%20Portfolio%20Template&demo-description=A%20sleek%20portfolio%20template%20to%20showcase%20your%20work%2C%20skills%20and%20blog%20powered%20by%20Nuxt%20Content.)

## Setup

Make sure to install the dependencies:

```bash
pnpm install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
pnpm dev
```

## Production

Build the application for production:

```bash
pnpm build
```

Locally preview production build:

```bash
pnpm preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

## Renovate integration

Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

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

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

nano-portfolio

Nano Portfolio is an open-source developer portfolio template built on Nuxt 3, TypeScript, Nuxt UI, Tailwind, MongoDB, and Resend.

Nuxt · Portfolio

super-portfolio

Super Portfolio is a personal portfolio website template built with Nuxt 3, Tailwind CSS, and TypeScript, using Iconsax icons and Nuxt Google Font.

Nuxt · Portfolio