Noxt

Yet another note-taking app.

Overview

Awesome note-taking app built with Next.js.

Tech Stack

• Next.js 16
• React 19
  • shadcn/ui
• TypeScript
• Tailwind 4
• Prisma with SQLite
• Bun
• Vitest

Features

• Google OAuth
• Markdown editor with live preview
• Keyboard shortcuts
• Responsive design
• Note CRUD operations
• Note search (Fuzzy Search with Fuse.js)

Screenshots

Getting Started

Clone the repository:

git clone https://github.com/ARKye03/noxt.git

Navigate to the project directory:

cd noxt

Install dependencies:

bun install

Set up environment variables:

In order to use Google OAuth, you need to set up environment variables, follow this guide to get credentials. Use http://localhost:3000/login/google/callback as the redirect URI.

cp .env.example .env

Then paste your Google OAuth credentials in the .env file.

Set up the database

Generate the Prisma Client:

bunx --bun prisma generate

Run database migrations to create the SQLite database and tables:

bunx --bun prisma migrate dev

Run the development server

bun dev

Open http://localhost:3000 with your browser to see the result.

Story

For work I had to use NextJS with shadcn and Prisma, the tech stack is awesome on its own, so I wanted to try it out on my own project, instead using SQLite, and Lucia Auth. The cherry on top was using Bun instead of Node.js and Tweakcn for the UI, which is awesome.