zanelli-nuxt

Nuxt+Vue.js Landing && Markdown Blog

DONE

HAMBURGER MENU ICON

• component (open, close state, BL, animation)

MENU DRAFT

• Animations
• Data structure draft

CONTACT FORM && LAYOUT DRAFT

• contact form w/ mailto:
• Footer && contact form drafted in layout
• menu && menu animation first draft

SCAFFOLDING FIX

• Nuxt & routing properly configured
• Tailwind properly configured
• vueloader for SCSS
• layout && some component drafted

INIT

• Scaffolding ( nuxt + tailwindcss + frontmatter ).
• Dynamic routes.
• YAML blogpost draft

TODOS:

- remove z-hamburger-menu component and imports/registrations
- clean z-hamburger-icon css w/ tailwind
- Menu Business logic && cleaning, Data structure, Routing
- set transitions globally
- test mailto:
- set common scss && clean components style
- Every color must be a variable && color/bg rules must be applied via tailwind syntax
- Completing the layout
- Components inside markdown testing
- Optimize nuxt.config.js

Build Setup

# install dependencies
$ npm install # Or yarn install

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

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

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs.