🔥 Portfolio 🔥

Hi, my name is Harrison. I'm a designer who likes to code 🤓

This contains the configuration of my design portfolio, it uses nuxt.js on the front and a decoupled WordPress for content. For the best experience, just view my portfolio via this link. If you are still curious how this works you have been warned, this will not work just by cloning... 👹

https://harrison.works

Tech Stack 📚

This portfolio is decoupled with the WordPress CMS hosted on basic shared hosting and the nuxt.js frontend being deployed by Vercel. If you are just getting started and want to do this type of setup yourself, I would look at this example first by Netlify

headless-wp-nuxt

Nuxt.js

Key Packages

• Bootstrap (general styling and resets)
• Three.js (for the header animations)
• GSAP (transition animations)
• nuxt-magpie (downloads all remote assets into build)

Wordpress

Setup

• Nude (Theme)
• Advanced Custom Fields
• Headless Mode
• WP REST Cache
• Vercel Deploy Hooks

Permissions

This portfolio is a mishmash of public repositories and blog posts that I have modified and added my additions. You can use parts of the code for your own site, it is open source so people can learn from it and adapt it just like I did. However, I would encourage you to modify the theme and components to make them your own.

Build

⚠️ You will need your own decoupled wordpress for this to work

Local Development Setup

# install dependencies
$ yarn
$ yarn dev

Generate For Deploy

# generate static project
# creates folder ./dist
$ yarn generate
$ yarn start