About

Hey, I’m Vivek PatelπŸ‘‹

A web developer who loves photography.

I am a software engineer from Canada. I am passionate about Javascript, React, Next.js, and Python.

Beyond the screen, I am an avid photographer, capturing the life’s beautiful moments through my lens.

My dedication to continuous learning and mastery of new technologies ensures I stay at the forefront of web development.

Picture of Vivek Patel

Latest Project

AuthJs Template: A Powerful Starter Kit for Secure Next.js Authentication

The "AuthJs Template" simplifies integrating robust authentication into your Next.js web apps. It covers database sessions, credential management, two-factor authentication, and more.

2FAACERTINITYUIAUTHENTICATIONDRIZZLEJWTLIBSQLMAGICUINEXTJSPASSKEYREACTSECURITYSHADCNUITANSTACK-TABLETURSOTYPESCRIPTWEB-DEVELOPMENTWEBAUTHNZOD

Next.js 14 Blog with App Router and MDX

Explore a Next.js 14 project demonstrating the new App Router, server actions, and MDX integration for streamlined blog creation.

APP-ROUTERBLOGMDXNEXTJSREACTSERVER-ACTIONSSERVER-COMPONENTS

Acme Auth: A Next.js Based Authentication

Discover how Acme Auth, a robust full-stack authentication system crafted with React, Next.js, Express, and MongoDB, empowers seamless user authentication, signup, login, logout, and password reset functionalities.

ACERTINITYUIEXPRESSJWTMONGODBNEXTJSREACTSHADCNUITYPESCRIPTZOD

Market Hub: A multi-vendor marketplace

Market-hub is a MERN-powered platform for buying and selling computer items. It is a user-friendly solution for tech enthusiasts and sellers alike.

EXPRESSFULLSTACKMERNMONGODBNODEJSREACTREDUX

Recent Blog

August 4, 2024 | πŸ“– 8 min read

--- Views

Learn how to set up and write tests for your React applications using Vitest 2.0 and React Testing Library.

INTEGRATION-TESTINGREACTREACT-QUERYREACT-ROUTERREACT-TESTING-LIBRARYTDDTESTINGUNIT-TESTINGVITEST-2.0

June 30, 2024 | πŸ“– 6 min read

--- Views

Build lightning-fast Next.js apps with ease using Drizzle ORM and Turso database. This step-by-step guide shows you how to connect, query, and deploy a performant full-stack app.

SQLITEBUNDATABASEDRIZZLEEDGEFULL-STACKNEXTJSSERVERLESSTURSO

April 13, 2024 | πŸ“– 23 min read

--- Views

Harness the power of Server Actions for streamlined data fetching and mutations in your Nextjs applications.

DATA-FETCHINGJAVASCRIPTMUTATIONSNEXTJSREACTREACT-19SERVER-ACTIONSSERVER-COMPONENTSTYPESCRIPT