Mario Gueyraud Home Page

https://www.mariogyd.com/

Stack

• Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
• Framer Motion - An animation library for React.
• Vercel - A cloud platform for static sites and Serverless Functions.

Project structure

$PROJECT_ROOT
│   # Page files
├── pages
│   # React component files
├── components
│   # Resources such as images, icons and css files
├── assets
│   # Folder for custom hooks
├── hooks
│   # Folder for documenting components for storybook
├── stories
│   # Folder for the css files, in this project we use Css Modules
├── styles
│   # Folder for utilities such as functions, constants, helpers, etc
├── utils
│   # Static files for images, css files, fonts, etc
└── public

Components

For the components built in the page there is a pretty good documentation in the Storybook Page

Here you can see how to implement the components within the project and use it as you need.

License

MIT License.

You can create your own homepage for free without notifying me by forking this project under the following conditions:

• Add a link to my homepage so you can give me credit.

It's always good because of the time and effort I put building this site.