Hire me

Project

2026

Google Login Starter

A minimal Google authentication starter kit built with Next.js, Better Auth, Drizzle ORM, PostgreSQL, and Tailwind CSS.

Google Login Starter

Overview

Google Login Starter is a reusable authentication template for quickly setting up Google OAuth in modern Next.js apps. It includes the core auth flow, protected profile page, database schema, environment guide, and a clean UI foundation.

Problem

Setting up Google OAuth from scratch requires provider configuration, callback routes, sessions, database schema, protected pages, and environment variables. Repeating this setup can slow down small projects and prototypes.

Solution

I created a starter kit that connects Google login end to end with Better Auth, Drizzle ORM, and PostgreSQL, complete with setup documentation and a reusable app flow.

Workflow

1

Configure OAuth credentials

2

Set environment variables

3

Push database schema

4

Run the starter app

5

Customize the brand

Key Features

Google OAuth login flow with Better Auth.

Session management and protected profile page.

PostgreSQL schema managed with Drizzle ORM.

Minimal landing, login, and profile pages ready to customize.

Setup documentation for environment variables, Google OAuth, and database commands.

My Contribution

Designed a reusable starter structure for small apps and prototypes.

Configured Better Auth server and client integration for Google sign-in.

Set up Drizzle ORM schema and database workflow for auth data.

Built minimal UI pages and auth actions for sign-in, protected access, and sign-out.

Documented setup steps, scripts, customization notes, and production security reminders.

Technical Highlights

Next.js App Router structure with Better Auth route handler at `/api/auth/[...all]`.

Google OAuth credential and redirect URI setup for local development.

Drizzle ORM workflow with push, generate, migrate, and studio scripts.

Protected route pattern for unauthenticated users.

Security notes for secrets, production URLs, HTTPS, and trusted redirect URIs.

Impact

Reduced repeated setup work for projects that need Google authentication.

Created a clean reference for Better Auth, Drizzle, and PostgreSQL integration.

Made it easier to start authenticated Next.js projects with documented defaults.

Tech Stack

Next.jsNext.js
ReactReact
TypeScriptTypeScript
TailwindTailwind
Better AuthBetter Auth
DrizzleDrizzle
PostgreSQLPostgreSQL

Project Links