Another version of my portfolio webpage. The project was built using Next.js (with Typescript) and hosted on Vercel.This time there is a database (Supabase) to seed all the data needed. And it uses React Query to handle the data synchronization.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon comminting, such as validating commit message according to conventional commits as well running lint and test. Testing is provided by Jest and React Testing Library.For CSS it uses TailwindCSS. It's a PWA and with that comes all the benefits associated with it, e.g: cache; offline usage; speed; etc...

Website

Portfolio - v3

Next.js was on my radar for quite some time. Used it on the current and past versions of my portfolio and loved it! So I decided to create a variant of the portfolio website simulating it as a some sort of IDE. Hope you enjoy it at least has half that I did!The project was built using Next.js and hosted on Vercel. There is no database, all is done in a JAMStack way.For CSS it uses Bulma and SASS. It's a <abbr title='Progressive Web App'>PWA</abbr> and with that comes all the benefits associated with it, e.g: cache; offline usage; speed; etc...As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon comminting, such as validating commit message according to conventional commits as well running lint and test. Testing is provided by Jest and React Testing Library.

Portfolio (IDE)

Next.js was on my radar for quite some time. So I decided to give it a try and rebuild all my personal website with it. The project was built using Next.js and hosted on Vercel. There is no database, all is done in a JAMStack way.For CSS it uses Bulma and SASS. It's a <abbr title='Progressive Web App'>PWA</abbr> and with that comes all the benefits associated with it, e.g: cache; offline usage; speed; etc...As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon comminting, such as validating commit message according to conventional commits as well running lint and test. Testing is provided by Jest and React Testing Library.

Tags

Projects using PWA

Filter by tag

Want to talk?