Nuxt.js & TailwindCSS Portfolio – With Dark Mode

A simple portfolio starter theme built with Nuxt.js and Tailwind CSS. It’s the rigged Nuxt version of the Vuejs-&-TailwindCSS-Portfolio

Nuxtjs-TailwindCSS-Portfolio

Portfolio in action

https://fabianloewe.de

Features

  • Simple and responsive design
  • Nuxt.js with Vuex
  • Tailwind CSS v2
  • Theme Switcher with Dark Mode
  • Vuex for state management
  • Reusable components
  • Skills and Projects filter by category
  • Skills and Projects search by title
  • Fetching Git Repos
  • Vue transitions
  • Counter
  • Projects carousel
  • Smooth scroll
  • Dynamic forms
  • Back to top button
  • Download file button

Installation

  1. First of all, make sure you have Node JS installed. If you don’t have it:
brew install node
  1. Clone the repo:
git clone https://github.com/fabus961/portfolio.git
  1. Open the project folder:
cd nuxtjs-tailwindcss-portfolio
  1. Install packages and dependencies:
yarn
  1. NOTE: If you don’t have yarn installed, you can install it globally using npm:
npm install --global yarn
  1. Start a local dev server at http://localhost:3000:
yarn dev

For production build and generating static files:

Build for production and launch server:
yarn build
yarn start
Generate static project:
yarn generate

Notes

  • Always run yarn install after pulling new changes
  • Illustrations from unDraw and Freepik
  • Images from Unsplash

GitHub

View Github