Nuxt.js 3 Portfolio

An open-source, fully customizable portfolio built with Nuxt.js 3 and Storyblok. This project aims to help new Nuxt.js developers create stunning portfolios that capture the attention of both developers and recruiters.

Check out the live demo of the portfolio.

Features

• Nuxt.js 3: Static site generation and server-side rendering.
• Storyblok CMS: Manage your portfolio content with an intuitive headless CMS.
• i18n: Internationalization for multilingual support.
• Tailwind CSS: For modern, responsive, and customizable design.
• TypeScript: Type-safe development.
• ESLint & Prettier: Code linting and formatting tools for maintaining high-quality code.
• Sitemap: Automatically generated sitemap for SEO.
• Google Analytics (gtag): Track user interactions on your portfolio.

Installation

Make sure you have pnpm installed.

1. Clone the repository:

    git clone https://github.com/albertoalejandro10/portfolio.git
    cd portfolio

2. Make sure to install the dependencies:

   pnpm install

You will also need to set up your Storyblok environment and a localhost-key.pem file for local development. Follow the official @storyblok/nuxt documentation for setup instructions.

Storyblok Setup

1. Create a free Storyblok account.
2. Create a new space and configure the components needed for your portfolio.
3. Set up the localhost-key.pem file to connect Storyblok with your local environment.

Development Server

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

pnpm run dev

Build the application for production:

Production

pnpm run build

Locally preview the production build:

pnpm run preview

For more deployment options, check out the Nuxt deployment documentation.

License

This project is licensed under the MIT License. See the LICENSE file for more information.