Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mgueyraud/mariogyd-v1

Personal website and blog.
https://github.com/mgueyraud/mariogyd-v1

css cssmodules javascript nextjs personal-website react typescript vercel

Last synced: about 13 hours ago
JSON representation

Personal website and blog.

Awesome Lists containing this project

README

        

# Mario Gueyraud Home Page

[https://www.mariogyd.com/](https://www.mariogyd.com/)

![Screen Shot 2022-02-15 at 16 37 10](https://user-images.githubusercontent.com/9916318/154136923-93757474-6c05-4611-8376-8294042b5b37.png)

## Stack

- [Next.js](https://nextjs.org/) - A React framework with hybrid static & server rendering, and route pre-fetching, etc.
- [Framer Motion](https://www.framer.com/motion/) - An animation library for React.
- [Vercel](https://vercel.com/) - 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](https://www.mariogyd.com/storybook/index.html)

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](https://www.mariogyd.com/) so you can give me credit.

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