A simple multipage and responsive Nuxt.js & TailwindCSS portfolio theme with dark mode.

Overview

Nuxt.js & TailwindCSS Portfolio - With Dark Mode

A simple portfolio starter theme built with Nuxt.js and TailwindCSS. This is the Nuxt version of the Vuejs-&-TailwindCSS-Portfolio

Nuxtjs-TailwindCSS-Portfolio

Demo URL

https://nuxtjs-tailwindcss-portfolio.netlify.com

Features

  • Simple and responsive design
  • Nuxt.js with Vuex
  • Tailwind CSS v2
  • Theme Switcher with Dark Mode
  • Vuex for state management
  • Projects filter by category
  • Projects search by title
  • 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. Make sure you have Yarn installed, if you don't have it:
npm install --global yarn
  1. Clone the repo:
git clone https://github.com/NangialaiStoman/nuxtjs-tailwindcss-portfolio
  1. Open the project folder:
cd nuxtjs-tailwindcss-portfolio
  1. Install packages and dependencies:
yarn install
  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
  • I'll be constantly updating this repo as I'll be adding more sections to it, so please always check the projects section of this repo to see what tasks are under todo and in progress
  • Coming Soon I'll be doing a screencast. Soon I'll be uploading a video to my YouTube channel where I'll be going through the process of creating this portoflio
  • Illustrations from unDraw and Freepik
  • Images from Unsplash
  • Feel free to use it as your own portfolio
  • Contributions are welcome
You might also like...
A simple nuxt renderless component wrapper around nuxt fetch capabilities

Nuxt Fetch Component A simple nuxt renderless component wrapper around nuxt fetc

Nuxt basic - Simple Nuxt.js project

nuxt_basic Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launc

Netlify ❤️ Nuxt.js: a simple template to give you the code you need to use Netlify features with Nuxt.
Netlify ❤️ Nuxt.js: a simple template to give you the code you need to use Netlify features with Nuxt.

Nuxt Toolbox Template This is a NuxtJS v2 project. It is a reference on how to integrate commonly used features within Netlify for Nuxt.js. Build Setu

Bulma-Blocks - Bulma Blocks helps you to create simple & responsive websites within 10 mins
Bulma-Blocks - Bulma Blocks helps you to create simple & responsive websites within 10 mins

Bulma Blocks Build Setup # install dependencies $ npm install # serve with hot

⚡ A portfolio for developers with a blog powered by Notion

nuxt-portfolio-dev a portfolio for developers w/ a blog powered by Notion Demo: https://aymaneMx.com Features 🥰 minimal and clean portfolio 🌗 the da

Website portfolio made by Matej Bačo
Website portfolio made by Matej Bačo

Portfolio by Matej Bačo Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for productio

This is nuxt invoice app using nuxt.js and firebase
This is nuxt invoice app using nuxt.js and firebase

Nuxt Invoice App Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

A convenient replacement for nuxt-link component when using nuxt-i18n

nuxt-i18n-link A convenient replacement for nuxt-link component when using nuxt-i18n. It is simply a replacement for this exact code: nuxt-link :to

Owner
Nangialai Stoman
Full Stack JavaScript & TypeScript. Open source lover. Always a student.
Nangialai Stoman
🖼Portfolio built with Nuxt and Nuxt Content

??Portfolio built with Nuxt and Nuxt Content

Colin Lienard 6 Jan 8, 2023
A simple Nuxt module that will hydrate the VueX store when running in SPA mode (not SSR)

nuxt-spa-store-init A simple Nuxt module that will hydrate the VueX store when running in SPA mode, whether this is because you are running yarn dev -

Bukwild 14 Nov 12, 2021
Testing the SSR mode and additional features of Nuxt.js

nuxt-movie-app Build Setup # install dependencies

Turlubayev Marat 0 Dec 27, 2021
A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

Sébastien Chopin 470 Jan 2, 2023
My personal website/portfolio built with Nuxt and Storyblok CMS.

My Portfolio Multilingual JAMstack site built with Nuxt.js, styled with SCSS (BEM methodology) and deployed on Netlify. I used Storyblok CMS and its i

Claudia Benito 80 Jan 3, 2023
Responsive ecommerce template built with Vue.js and Nuxt.js

Vuemmerce - Ecommerce Template Responsive ecommerce template built with Vue.js and Nuxt.js Installing # clone repository git clone https://github.com/

null 0 Nov 14, 2021
Nefa - Free landing page template built using nuxt and tailwindcss

NEFA Landing Page Free landing page template built using Nuxt 2 and Tailwindcss

Rafli Surya P 112 Dec 28, 2022
A serverless blog powered by Nuxt/Content + TailwindCSS by TFD

A serverless blog powered by Nuxt/Content + TailwindCSS by TFD Features This is a serverless blog powered by @nuxt/content and TailwindCSS with integr

tfd-ed 22 Nov 23, 2022
Youtube UI clone website built with Nuxt.js, TailwindCSS

Youtube clone with Tailwind CSS and Nuxt 3 Development process preview Youtube preview Setup Make sure to install the dependencies yarn install Develo

Honey Bear 2 Dec 5, 2022
nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.

Nuxt fullpage Nuxt module for creating fullscreen page scroll fast and simple. Demo online Table of contents Installation Usage Options Contributing I

Open Source Afghanistan 16 Dec 30, 2022