https://github.com/wh1t3h47/ab0utm3

My portfolio, made with react, webpack 5, babel and TypeScript. It features a boilerplate that is better for SEO than create-react-app's one
https://github.com/wh1t3h47/ab0utm3

portfolio react reactjs webpack5

Last synced: 28 days ago
JSON representation

My portfolio, made with react, webpack 5, babel and TypeScript. It features a boilerplate that is better for SEO than create-react-app's one

• Host: GitHub
• URL: https://github.com/wh1t3h47/ab0utm3
• Owner: wh1t3h47
• License: mit
• Created: 2021-03-08T00:55:29.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:54:13.000Z (almost 2 years ago)
• Last Synced: 2024-05-28T16:42:13.918Z (7 months ago)
• Topics: portfolio, react, reactjs, webpack5
• Language: JavaScript
• Homepage: http://wh1t3h47.github.io/Ab0utM3
• Size: 3.67 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# My Personal Portfolio



  

  

  

  

  

  

  

   

  

  



## About the project:

This porfolio features a fine webpack 5 and React template out of the box, I urged to get it working because create-react-app didn't support webpack 5 at the time, I tried to get around it by ejecting, but found myself that it was easier to start from scratch to learn it

It has a SEO-first approach, in which I try to load the critical styles first (inline or by importing) and then apply a patch with the styles that are not critical. Images have low-resolution fallbacks in order to have a nice FCP (First Contentful Paint). The entire loading process is designed to be as smooth as possible, even under poor internet conditions.

I worked a lot on boilerplate, some features are still missing, it is in WIP state and lighthouse SEO dropped a little (it's easy to fix)

## SEO

  

## Todo

- [ ] [Serve next gen pics](https://jmuzsik.medium.com/how-to-setup-next-gen-images-for-react-hosted-on-amazon-s3-7ba2d2caad21)