Overview
The Nuxt Portfolio Starter is a simple portfolio starter theme for Nuxt.js static sites, based on the Gridsome Portfolio Starter. It provides a clean and minimal design, making it easy to showcase your work effectively. With features such as theme switcher with dark mode, syntax highlighting with Prism, and tags for posts, this theme offers a comprehensive solution for creating a portfolio website.
Features
- Clean and minimal design: The theme offers a visually appealing design that focuses on highlighting your work without any unnecessary clutter.
- Tailwind CSS v1: Built with the popular CSS framework Tailwind CSS v1, allowing for easy customization and flexibility.
- Scroll to sections using vue-scrollto: Enhance user experience by providing smooth scrolling to different sections of your portfolio.
- Blog with markdown content for posts: Share your thoughts and experiences through the built-in blog functionality, allowing you to create rich content using markdown.
- Basic pagination for posts: Easily navigate through your blog posts with basic pagination functionality.
- Theme switcher with dark mode: Give your portfolio a unique touch by including a theme switcher that allows visitors to toggle between light and dark mode.
- Syntax highlighting with Prism: Highlight your code snippets with a syntax highlighting feature powered by Prism.
- 404 Page: Ensure a seamless user experience even when encountering a 404 error, with a dedicated page designed for error handling.
Installation
To install the Nuxt Portfolio Starter, follow these steps:
Clone the repository and navigate to the project directory using the command line:
git clone [repository_url] cd [project_directory]Install the dependencies by running the following command:
npm installStart a local development server by running the command:
npm run devTo build a static version of the site, use the command:
npm run generate
Summary
The Nuxt Portfolio Starter is a user-friendly and customizable theme for Nuxt.js static sites, specifically designed for portfolio websites. Its clean and minimal design, along with various features like theme switcher, blog with markdown support, and syntax highlighting, make it an ideal choice for showcasing your work. With easy installation and setup, this theme provides a seamless experience for both developers and visitors.