A Progressive Web App (PWA) built with Next.js and Chakra UI. This is my portfolio site to showcase my skills, share my experience and also details about me.
Live demo here.
This is my portfolio website to showcase my skills, share my experience and show what I'm currently working on. This is a Progressive Web App (PWA) which is built with Next.js and Chakra UI. There is dark and light mode available as well. It is integrated with google analytics.
- Progressive Web App can installed on mobile as an app
- Seo Friendly as built with Next.js
- Uses Chakra UI for its interface
- Dark Mode
- Cross browser compatible
- Mobile Friendly
- 90+ score on google page insights and gtmetrix
Clone the project using:
Install the dependencies using:
Next to setup the env file from env.example. Seth NEXT_PUBLIC_HOST to the web app address.
Get an API key from Sendgrid and set the keys in env as SENDGRID_API_KEY. To allow users to contact via contact form.
Also set PRIMARY_EMAIL primary key to which emails will be sent and SUPPORT_EMAIL from which emails will be sent.
To set google analytics create tracking id of site and set it in NEXT_PUBLIC_GOOGLE_ANALYTICS.
And voila, you are all set.
- This project was inspired by michael-hall.
Created by @humayonzafar - feel free to contact me!