Skip to content
This was the result of a live code talk at Smashing Conf in Toronto, this is how far I got in 45 minutes
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets initial commit Jun 25, 2019
components push the end Jun 25, 2019
layouts make site Jun 25, 2019
middleware initial commit Jun 25, 2019
pages make site Jun 25, 2019
plugins make site Jun 25, 2019
static initial commit Jun 25, 2019
store make site Jun 25, 2019
.gitignore initial commit Jun 25, 2019 put the screenshot in my readme Jun 25, 2019
nuxt.config.js make site Jun 25, 2019
package.json make animation Jun 25, 2019
yarn.lock make animation Jun 25, 2019

Smashing Toronto 2019 Talk

I live coded a Vue/Nuxt portfolio app in 45 minutes with layout and animation at Smashing Conf, here's the repo, and it was deployed to:

I'll post the video here when it's up!

Screenshot of Site

VS Code Extensions

I use my own VS Code snippets a ton in development to speed up my workflow/not have to type boilerplate.

I use my own Night Owl VS Code Theme

Both are in my Vue VS Code Extensionspack, which houses a lot of the extensions I use for development.

CSS Grid Generator

I used my CSS Grid Generator to create the grids I used for the layout.

Terminal Razzle Dazzle

I used Hub to create a repo from the command line.

I mentioned I'd share how I made my terminal fancy. For the colors: brew install lolcat

Then in .bash_profile:

export CLICOLOR=1
export LSCOLORS=gx

alias l='ls | lolcat'

Also the sparks are from Hyperpower.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

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

You can’t perform that action at this time.