Skip to content

feat(frontend): bootstrap Next.js app with Tailwind, shadcn/ui, and dark mode toggle#5

Open
1momoh wants to merge 1 commit into
mission69b:mainfrom
1momoh:feat/frontend-darkmode
Open

feat(frontend): bootstrap Next.js app with Tailwind, shadcn/ui, and dark mode toggle#5
1momoh wants to merge 1 commit into
mission69b:mainfrom
1momoh:feat/frontend-darkmode

Conversation

@1momoh
Copy link
Copy Markdown

@1momoh 1momoh commented Feb 25, 2026

Bootstrapped a complete Next.js (App Router + TypeScript) frontend in the /frontend/ directory, following spec/frontend-spec.md.

Key additions:

  • Tailwind CSS v4 setup via PostCSS
  • shadcn/ui initialization with CSS variables for theming/dark mode
  • Manual dark mode toggle (class-based on , persisted via localStorage)
  • ThemeToggle component using shadcn Button (sun/moon icon)
  • Basic root layout with header including the toggle
  • globals.css updated for dark mode support

Tested locally: npm run dev works, toggle switches light ↔ dark seamlessly.

This sets up the foundation for adding Sui wallet integration, explore/marketplace pages, etc.
Screenshots of light/dark modes attached (or describe if you can't attach).

Open to feedback, adjustments, or next priorities!
image
Screenshot 2026-02-25 at 2 43 02 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant