nuxt portfolio

A website to introduce myself, list my side projects, my music, and share what I've learned about development. Server Sider Rendering, SEO friendly. Take advantage of static site generator, the data save as markdown, no database needed. It's the 3rd generation.

0
1
Vue

Personal Website v3

2021-08 ~ 2021-10

🚀   Demo

About

A website to introduce myself, list my side projects, my music and share what I’ve learned about development. Server Sider Rendering, SEO friendly. Take advantage of static site generator, the data save as markdown, no database needed. It’s the 3rd generation.

Preview

User story

As a developer, I want to have a platform to introduce myself and showcase the projects I created, so that I have a better chance to find a job; as a lifelong learner, I want to have a space to summarise the knowledge I’ve learned, and share with the world so that I can get more from the study and perhaps also help the people who is trying to learn the same topic like me.

Supported Platform

  • Web

Technologies

  • Code: HTML, CSS, JavaScript
  • Data: Markdown
  • Frontend framework: Vue.js; Nuxt.js
  • UI library: Vuetify
  • Styling: SCSS
  • Deployment: Netlify

Setup


# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate