jackdomleo.dev

Jack Domleo's personal website & blog.

My online portfolio has transformed over the years from a static HTML, CSS and JavaScript site, to a Vue.js SPA application, to now a Nuxt.js static site.

Website timeline:

• September 2018 - Created first website using HTML, CSS, JavaScript & Bootstrap 4.
• September 2019 - Redesigned & rebuilt website using Vue.js, TypeScript & SCSS.
• May 2020 - Redesigned & rebuilt website using Nuxt 2, TypeScript & SCSS. Introduced light & dark themes. Introduced blog using Nuxt Content.
• January 2022 - Redesigned site using newly improved UI skills (still not good UI skills, but better). Introduced Jest & Prismic CMS.
• January 2023 - Redesigned site to be more minimalistic & rebuilt using Nuxt 3, TypeScript & SCSS. Replaced Prismic CMS & Nuxt Content with Contentful.

Key links:

• Linktree
• Sitemap
• Blog
• Wayback Machine

---

Local Setup

• Node: v20
• pnpm: v9

Create a .env file with the following properties:

• NUXT_BASE_URL
• NUXT_CTF_SPACE_ID // Contentful
• NUXT_CTF_CDA_ACCESS_TOKEN // Contentful
• NUXT_CTF_CDA_ACCESS_TOKEN_PREVIEW // Contentful

# Serve with hot reload at localhost:3000
$ pnpm run dev

# Generate static project
$ pnpm run generate

# Launch staging server
$ pnpm run preview

# Check project linting
$ pnpm run lint:check

# Lint & fix
$ pnpm run lint:fix

# Run tests
$ pnpm run test

# Open test report
$ pnpm run test:report