Another version of my portfolio webpage. The project was built using Next.js 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 committing, such as validating commit messages according to conventional commits as well as 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

Customer selfcare is a very demanding and ambitious <abbr title='Single Page Application'>SPA</abbr> built from scratch using essentially Next.js and TailwindCSS. It uses SWR to handle the data synchronization.Almost all React components are built from scratch. Very few libraries are used.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library.It's a web platform to manage user insurance policies. It has the ability to manage user account details; policy documents; billings; create/edit claims; etc...Is completely responsive for all sorts of devices and to be embedded in other clients' web platforms.Due to a <abbr title='Non-disclosure agreement'>NDA</abbr>, I cannot share the work I've done.

Customer selfcare

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 some sort of IDE. Hope you enjoy at least half of what 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 committing, such as validating commit messages according to conventional commits as well as 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 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 committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library.

Tags

Projects using Next.js

Filter by tag

Want to talk?