lauthieb.dev
Portfolio of Laurent Thiebault
Features
- Eslint/Prettier configured
- Scores 100% on a11y / Performance / PWA / SEO
- PWA (desktop & mobile)
- Easy to customize
- Nice project structure
- Amazing illustrations by Undraw.co
- Tablet & mobile friendly
- Continuous deployment with Netlify
- A contact form protected by Google Recaptcha
- Can be deployed with one click
- Functional components with React Hooks!
- Fetches your Github pinned projects with most stars (You could customize this if you wish)
Structure
.
βββ data
β βββ config # SEO related tags
βββ src
β βββ assets # Assets
β β βββ icons # icons
β β βββ illustrations # illustrations from (undraw.co)
β β βββ thumbnail # cover of your website when it's shared to social media
β βββ components # Components
β β βββ common # Common components
β β βββ landing # Components used on the landing page
β β βββ theme # Header & Footer
β βββ pages # Pages
βββ static # favicon & Netlify redirects
Prerequisites
Please create a new file .env.development
and put this env variable with your GitHub token
If you're building locally, you will have to create a new file
.env.production
and put the same env variable
GITHUB_TOKEN=xxxxxxxxxx
Don't forget to edit your site's data on data/config.js
file with your Google Recaptcha public key
When deploying on Netlify, you will have to set the private key as well
SITE_RECAPTCHA_KEY=xxxxx
SITE_RECAPTCHA_SECRET=xxxxx
I highly recommend you check this repository for more details about the Google Recaptcha and Netlify forms
Installing
Installing the dependencies
npm install
Start the dev server
npm start
Clean the cache
This removes the .cache/
& public/
folders
npm run reset
Built with
- Adobe XD
- Gatsby
- React & GraphQL
- VSCode
- And these useful of JavaScript libraries & Gatsby plugins package.json
License
This project is licensed under the MIT License - see the LICENSE.md file for details