Published onAugust 25, 2023Using Mantine with Tailwindreactmantine-uitailwindfrontendWondering how to use Tailwind classes in Mantine components? This is the article you need.
Published onJuly 31, 2023Client-Side Authentication in Next.js using Cookiesnextjsreactauthenticationreact-queryA step-by-step guide to managing client-side authentication with cookies from the client-side in Next.js
Published onMay 13, 2023The Next.js App Directory and Server Components ExplainednextjsreactNext.js is now recommending the use of App Router by default together with the use of Server Component. Are you ready to embrace the change?
Published onApril 24, 2023Insta-Next: Sweatless React State Management with Zustandreactzustandstate-managementnextjsReact State Management made simple using Zustand and say bye to Redux
Published onApril 12, 2023Insta-Next: Likes and Followersnextjsreact-queryreactmantine-uiWe will implement the core parts of Instagram in this part: the likes and followers logic using POST requests
Published onApril 8, 2023Insta-Next: Creating Posts and Stories with POST Requestsnextjsreact-queryzodreactWe will finally look into making POST requests in Next.js to create posts and stories with validation using Zod
Published onApril 7, 2023Insta-Next: Authentication with NextAuthnextjsreactnextauthprismaIn this part, let's try to implement authentication for our InstaNext app using NextAuth.js
Published onApril 6, 2023Insta-Next: More UI with MantinenextjsreactfrontendtailwindmantineIn this part, let's build the Instagram post and story modals with carousels!
Published onApril 5, 2023Insta-Next: Improving UI with Mantine and Tailwindnextjsreacttailwindmantine-uiIt's time to improve the app's UI with Tailwind and Mantine. We will also employ Next.js layout on the application.
Published onApril 4, 2023Insta-Next: Exploring APIs with React Queriesnextjsreactprismareact-queryapiLet's start building the backend APIs using Next.js and use React Queries to fetch them!
Published onApril 3, 2023Insta-Next: Constructing Database with PrismanextjsreactprismadatabaseIn this part, we will use Prisma to setup our database in PostgreSQL
Published onApril 2, 2023Insta-Next: Introduction & DesignsnextjsreactdesigntypescriptLet's build a fullstack Instagram clone using Next.js, Prisma and Mantine
Published onMarch 16, 2023Conditions? More like Polymorphismobject-orientedjavascriptreactclean-coderefactoringStop repeating same conditions everywhere, use polymorphism!
Published onJanuary 26, 2023Keep it Simple, Stupid with React Componentsreactkissclean-coderefactoringKeeping it Simple, Stupid (KISS) is a principle we all know by heart, but when exactly is a component too long? And how can we trim it down?
Published onDecember 19, 2022Rebuilding My Portfolio Website from ScratchportfoliodesignreactLet’s have a look at the technologies, thought processes and design considerations involved in developing the third version of my portfolio website.