The ultimate discovery platform for makers, creators, and developers.

IBuildThis is a high-performance, premium-designed community hub where makers showcase their latest projects and find inspiration. Built with the cutting-edge Next.js 15 stack, it emphasizes speed, tactile interactions, and a sophisticated aesthetic.

• Seamless Submissions: Share your project story, technical stack, and live URL in a few clicks.
• Interactive Engagement: Receive real-time community support through an optimistic, instant voting system.
• Rich Profiles: (In-Progress) Build your identity as a creator within the ecosystem.

• Curated Discovery: Explore a vibrant catalogue of approved projects, filtered by status and category.
• Deep Dives: Engage with high-impact project detail pages featuring glassmorphic design and detailed narratives.
• Tactile UX: Experience a refined interface with fluid micro-animations and instantaneous transitions.

• Control Center: A secure, high-performance moderation dashboard.
• Intelligent Queue: Search, filter, and review submissions with a sophisticated preview modal.
• Real-time Moderation: Approve or reject submissions with instant server-side validation and revalidation.

IBuildThis is a showcase of modern web engineering:

• Next.js 15 & React Compiler: Leveraging the latest in automatic performance optimization.
• Hyper-Caching: Utilizing the "use cache" directive and cacheComponents flag for near-instant data retrieval.
• Drizzle ORM & Neon DB: A rock-solid, type-safe database layer for speed and reliability.
• Clerk Authentication: Secure and seamless user management.
• Aesthetic UI: A custom design system built with Tailwind CSS, featuring:
  • Vibrant OKLCH color palettes.
  • Advanced Glassmorphism and noise-filter utilities.
  • Fluid CSS Keyframe animations for a tactile feel.

• Node.js (latest LTS)
• Neon Database account
• Clerk account

1. Clone the repository

   git clone https://github.com/your-username/next-ibuildthis.git
   cd next-ibuildthis

2. Install dependencies

   npm install

3. Configure Environment Variables Create a .env.local file with your Clerk and Neon DB credentials:

   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=...
   CLERK_SECRET_KEY=...
   DATABASE_URL=...

4. Initialize Database

   npx drizzle-kit push

5. Start Development

   npm run dev

"Make it alive. Make it fast. Make it matter."

IBuildThis follows a Tech-Premium design language. We prioritize:

• Motion over Statics: Micro-interactions provide the feedback users crave.
• Depth & Texture: Glassmorphism and subtle gradients create a high-end, tangible feel.
• Information Hierarchy: Using lowercase black typography and generous whitespace to guide the explorer's eye.

Design and engineered with precision.

IBuildThis — Discovery, Refined.