Skip to content

My personal website/portfolio built with Nuxt 3 and Storyblok CMS.

Notifications You must be signed in to change notification settings

claudiabdm/portfolio-2021

Repository files navigation

Claudia Benito's website screenshot

Claudia Benito's website logo

My Portfolio

Multilingual JAMstack site built with Nuxt 3, styled with SCSS (BEM methodology) and deployed on Cloudflare Pages. I used Storyblok CMS and its image service to create responsive images. I also learnt GSAP while creating the site so most animation are made with it.

Table of contents

Build Setup

Warning

This repo was not intended to be a template. It does not work out of the box and you will need to replace Storyblok related stuff, use your own credentials, etc. To do so, you might need to be familiar with Storyblok and Nuxt.js but I am planning on improving this after migrating to Nuxt 3.

# install dependencies
$ npm run install

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

# build for production
$ npm run build

# generate static project
$ npm run generate

# locally preview production build
$ npm run preview

Look at the Nuxt 3 documentation to learn more.

Assets attribution

Color palette was chosen from https://www.happyhues.co/palettes/12 created by Mackenzie Child https://www.mackenziechild.me/.

3D images are from the Homies3D kit in Figma created by Doğukan Karapınar https://homies3d.com/.

SVG illustrations (except camera) are from https://www.drawkit.io/.