Personal Website

Tech Stack:

• Next.js

• Preact

• Tailwind

Deployed on github pages (gh-pages branch) and has a custom domain at cloudflare (where username is my gmail address)

My personal website built from scratch

Workflow - Dev/Deployment

To develop

npm run dev # check https://nextjs.org/docs/api-reference/cli#development

To deploy

git add .
git commit -m "deploy"
git push

There is a deploy-blog github action that will run everytime I merge/push something to master. That will build the project and deploy the output to gh-pages branch.

Todo's

• preact (if possible)
• simple experiment page
• smart css spliting (page, component, lazy, above the fold etc)
• lighthouse ci -> github actions?
• some sort of docker deployment pipeline

Resources

• github actions to automatically redeploy my blog on push check this article
• skewed background using css
• hero icons
• favicon generator