Skip to content

🛠️ Migrate from the old ver - Experimenting with NextJS, Server Actions and @vercel/postgres.

Notifications You must be signed in to change notification settings

kaisergeX/note-next

Repository files navigation

CI

etoN - . - --- -.

Next.js TailwindCSS @vercel/postgres Drizzle

Roadmap

Replace the old version

List in order of priority

  • Note: Recover notes that scheduled for deletion.
  • Note: Encrypt contents.
  • Preferences: Account
    • Delete account.
    • Delete all notes.
  • Preferences: Note
    • Autosave interval.
    • Commands Menu type (fixed, or bubble & floating).
    • Theme.
  • Note: Drawable Mode,
  • Note: Download/Export the content of selected or all notes to csv/xlsx/images.
  • Note: Link to others.
  • Landing page.
  • Preferences: Note - Disable tiny view (dialog) and always view full-size notes.1
  • System: EXP, Level & Achievement system, sync with other apps.2
  • Preferences: Theme.3
    • Theme editor & preview - Constantly update new themes.
  • Integrate/Link with other apps in the ecosystems.
  • Replace the old version.

Engines Requirements

node@17.0.0 or later

pnpm@6.34.0 or later

Environment Variables

Generate env file.

cp .env.example .env.development

Installation

pnpm i

Database

Follow @vercel/postgres docs but read section Populate your database below instead.

Then follow step 1 & 2 from @vercel/kv docs.

Migration

Generate migrations based on schema.

pnpm db:gen

Execute & apply migrations

pnpm db:migrate

Populate your database

pnpm db:seed

Development server

pnpm dev

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

This project uses next/font to automatically optimize and load custom Google Font.

Coding convention

Check lint and format.

pnpm lint

Footnotes

  1. Currently using parallel routes to show 2 types of view on the same route for the purpose of fast previewing, editing, and jumping between notes (tiny view); can sharing URL, and focusing on edit contents like a document (full-size view). Still haven't found a way to opt-out the dialog view if user prefers full-size mode only. A possible solution is always open the note on a new tab.

  2. Unlock theme materials and games via the achievement system.

  3. Free and allow customizing fonts, theme colors, illustrations, icons, or just choose a seasonal theme. Retro and 2D platforming game theme in progress.

About

🛠️ Migrate from the old ver - Experimenting with NextJS, Server Actions and @vercel/postgres.

Resources

Stars

Watchers

Forks