Nuxt 3 Portfolio
An open-source portfolio template built using Nuxt 3, Pinia and Contentful
Overview
The Nuxt 3 Minimal Portfolio is an open-source portfolio template built using Nuxt 3, Pinia, and Contentful. This template aims to provide a minimal and light portfolio website that is responsive and user-friendly. It includes features such as light/dark/system color modes, Google Analytics integration, auto-generated sitemap, and one-click deployment to Vercel.
Features
- Minimal and light: The portfolio template has a clean and minimal design, focusing on showcasing the content without any unnecessary distractions.
- Light/dark/system color modes: Users can switch between light and dark color modes, or let the system decide based on their device settings.
- Responsive: The template is built to be fully responsive, providing a consistent experience across different devices and screen sizes.
- Google Analytics: Integration with Google Analytics allows users to track and analyze website traffic and user behavior.
- Auto-generated sitemap: The template automatically generates a sitemap.xml file, making it easier for search engines to crawl and index the website.
- One-click deployment to Vercel: The template can be easily deployed to Vercel with just one click, simplifying the deployment process.
Summary
The Nuxt 3 Minimal Portfolio is an open-source portfolio template built using Nuxt 3, Pinia, and Contentful. It offers a minimal and light design, with features such as light/dark color modes, responsive layout, Google Analytics integration, auto-generated sitemap, and easy deployment to Vercel. To install the template, you need to create a Contentful account, set up your content model in Contentful, and configure your environmental variables. Overall, this template provides an efficient and user-friendly solution for creating a portfolio website.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Contentful
Contentful is a headless content management system (CMS) that provides a flexible and scalable platform for creating, managing, and delivering digital content across multiple channels and devices.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.