Building a Portfolio in Next.js

Build a portfolio site that is fast, engaging and showcases my abilities.

Can I see it?

Sure, you're looking at it 😉

The code is in my public Github repository.

How much did you do?

Everything! Which includes:

💻 Building the app in Next.js
🎨 Designing the layout with Figma
🚀 Animating the brand artwork in GSAP
📝 Writing the SCSS

What are the interesting parts?

This website creates content by combining data from multiple APIs. It scrapes and stores data during local development, rather than on deploy, so is super fast and consistent at build time.

It also makes use of Next.js dynamic routing, markdown for content generation and GSAP for web animation.

What needs improving?

Documentation 😥 It really should include JSDoc and SassDoc. The code is well structured but will be tricky to maintain without notes.

Resume

See Project

Projects

Organising spaces with GraphQL

Barbican

Vue.js

Paused

Building a Portfolio in Next.js

Freelance

Next.js

Sparking the cannon with Next.js

Freelance

Next.js

Resetting the Barbican with Node.js

Barbican

Node.js

Leytonstone Loves Film

Barbican

Nuxt

Walthamstow Garden Party

Barbican

Nuxt

Designing account areas in Vue.js

Barbican

Vue.js

Moving orchestras with After Effects

Freelance

Video

Selling designer fabric with Wordpress

Bourne St

Wordpress

barbican-reset

11398

2.21.0

futuro

187990

1.1.8

0.07g of CO₂/view

Website Carbon

Cleaner than 94% of pages tested

Icons made by DinosoftLabs

Success!

Thanks for your message
I'll be in touch soon :)