https://github.com/claudiabdm/portfolio-2021
My personal website/portfolio built with Nuxt 3 and Storyblok CMS.
https://github.com/claudiabdm/portfolio-2021
cloudflare front-end gsap nuxt nuxt3 nuxtjs portfolio storyblok vue
Last synced: 20 days ago
JSON representation
My personal website/portfolio built with Nuxt 3 and Storyblok CMS.
- Host: GitHub
- URL: https://github.com/claudiabdm/portfolio-2021
- Owner: claudiabdm
- Created: 2021-06-23T17:55:04.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-10-04T09:11:51.000Z (7 months ago)
- Last Synced: 2025-03-29T07:06:04.216Z (27 days ago)
- Topics: cloudflare, front-end, gsap, nuxt, nuxt3, nuxtjs, portfolio, storyblok, vue
- Language: Vue
- Homepage: https://www.claudiabdm.com
- Size: 1.51 MB
- Stars: 133
- Watchers: 3
- Forks: 23
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#build-setup)
* [Assets Attribution](#assets-attribution)
## 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.
```bash
# 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](https://nuxt.com/docs/getting-started/introduction) 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/.