Portfolio - A simple portfolio starter theme built with Nuxt.js and TailwindCSS

Related tags

Examples portfolio
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/realstoman/nuxtjs-tailwindcss-portfolio.git
  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
Owner
Levend
Actually on GitLab for Gravity.Earth See you there https://gitlab.com/Lawndlwd
Levend
Designer-portfolio - A simple designer portfolio with NextJS, Tailwindcss.

Portfolio Language: English | 中文简体 Online Preview preview1 preview2 Screenshots web1 mobile1 web2 mobile2 web mobile Guide step1 step2 step3 step4 Tha

Snoword 0 Jan 10, 2022
My personal website/portfolio built with Nuxt and Storyblok CMS.

Multilingual JAMstack site built with Nuxt.js, styled with SCSS (BEM methodology) and deployed on Netlify.

Claudia Benito 38 Jan 7, 2022
Nuxt boilerplate with Element (custom theme) and Vue Apollo

Nuxt.js boilerplate What's included Nuxt Vue Apollo Element UI (with custom theme) PWA module Eslint (Airbnb styleguide) Build Setup # install depende

Johnny Cavalcante 27 Nov 17, 2021
My personal portfolio website, built using Nuxt.js & Tailwind CSS.

client Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch serv

Ronnie 10 Jan 10, 2022
Web-portfolio - My web portfolio written in Vue.

web-portfolio Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build R

null 0 Jan 4, 2022
code + portfolio,website to view development portfolio project

codefolio Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Run y

null 0 Jan 20, 2022
A simple website for minishcap. Built in Vite + TypeScript + TailwindCSS

Minishcap Demo A simple website for minishcap. Built in Vite + TypeScript + TailwindCSS Development Start the service Check minishcap-service for more

ecmadao 2 Dec 2, 2021
My personal blog using Nuxt and TailwindCSS

My personal blog using Nuxt and TailwindCSS

Ricko Veriyanto 4 Dec 15, 2021
Nuxt 3, TailwindCSS 3, Prisma, NestJS

Nuxt 3, TailwindCSS 3, Prisma, Express, Typescript yarn prisma init yarn prisma migrate dev --name init yarn prisma generate We recommend to look at t

Maratib Ali Khan 2 Jan 16, 2022
My personal portfolio site developed with Nuxt.js and Chakra UI.

ash-scott-portfolio Hey, thanks for checking out my portfolio project! This project was written in Nuxt.js and Chakra UI. I opted for Nuxt.js as the J

Ash 1 Nov 5, 2021
Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪

Shopify Theme Lab Shopify Theme Lab is a customizable modular development environment for blazing-fast Shopify theme creation. By default, it's bundle

UI Crooks 528 Jan 20, 2022
Cross-platform blog theme written in Vue

Candy 2 快速开始 现在没有什么办法可以快速开始使用这个主题,因为我还没做。 如果你真的想使用这个主题,请 Clone 下来并且修改 data.js 及相关模板文件。 功能特性 流畅的横向滚动体验(需要硬件条件支持) 自定义动态磁贴( 可以 只能编写代码与用户互动) 文章缓存 代码高亮 Git

null 69 Jan 22, 2022
simple portfolio use vue3 and vite inspired by wrongakram

simple portfolio use vue3 and vite inspired by wrongakram

赵旋 19 Dec 24, 2021
Gmail mobile app clone with Tailwindcss and Vite(Vuejs)

Gmail mobile app clone with Tailwindcss and Vite(Vuejs)

Kouceyla 7 Dec 10, 2021
Demonstration of using Tailwindcss in Vue3

vue3-tailwind-app Demonstration of using Tailwindcss in Vue3. Note Currently Tai

Ayush P Gupta 2 Dec 31, 2021
🎧 A SoundCloud client built with Vue and Nuxt

?? Vue SoundCloud Simple SoundCloud client built with Vue and Nuxt. NOTE: It seems that SoundCloud has revoked my api client keys without any explanat

Soroush Chehresa 153 Dec 22, 2021
My personal website, built with Nuxt.js & Tailwind, and deployed @netlify

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

Mouad ZIANI 37 Jan 8, 2022
A portfolio page build with Vue.js and Gridsome

Default starter for Gridsome This is the project you get when you run gridsome create new-project. 1. Install Gridsome CLI tool if you don't have npm

Alejandro Castillo 0 Dec 26, 2021