The Internet Designs

Curated UI & design inspiration from X, Pinterest, and across the web.

Live site: internetdesigns.com

Browse landing pages, interfaces, micro-interactions, product design, typography, 3D, brand work, logos, and illustration — all collected in one gallery.

Features

• Explore feed — masonry grid of curated design posts with infinite scroll
• Categories — Interfaces, Landing pages, Mobile apps, Dashboards, Interactions, Product, Typography, 3D, Brand, Logo, Illustration
• Creators — browse work by designer / account
• Search — find posts by keyword or color palette
• Media — images and videos served from Cloudflare R2

Publishing and tagging live in a separate admin app.

Stack

Layer	Tech
Framework	Next.js (App Router)
UI	React 19, Tailwind CSS, Base UI / shadcn
Database	Postgres via Drizzle ORM
Storage	Cloudflare R2
Motion	Motion

Getting started

Prerequisites

• Node.js 20+ (or Bun)
• A Postgres database (this project uses Supabase Postgres)
• A Cloudflare R2 bucket (optional for local browse-only)

Setup

git clone https://github.com/iurvish/theinternetdesigns.git
cd theinternetdesigns
npm install
cp .env.example .env.local

Fill in .env.local with your credentials (see Environment below), then:

npm run db:migrate
npm run seed:categories
npm run dev

Open http://localhost:3000.

Scripts

Command	Description
npm run dev	Start the Next.js dev server
npm run build	Production build
npm run start	Run the production server
npm run lint	ESLint
npm run db:generate	Generate Drizzle migrations
npm run db:migrate	Apply migrations
npm run db:studio	Open Drizzle Studio
npm run seed:categories	Seed public categories
npm run backfill:colors	Backfill extracted color palettes
bun run backfill:jev-tags	Classify posts with Jev and replace tags
bun run jev:smoke	Ping Jev via TypeSafe AI

Environment

Copy .env.example → .env.local and set:

# Postgres
DATABASE_URL=           # pooled connection URI
DIRECT_URL=             # unpooled URI (migrations)

# Cloudflare R2
R2_ACCOUNT_ID=
R2_ACCESS_KEY_ID=
R2_SECRET_ACCESS_KEY=
R2_BUCKET=
R2_PUBLIC_URL=          # public CDN base, no trailing slash

# Site
NEXT_PUBLIC_SITE_URL=https://internetdesigns.com

# TypeSafe AI (Jev search + tagging)
TYPESAFE_AI_API_KEY=

Project structure

app/
  (public)/          # Explore, categories, creators, post pages
  api/               # Media proxy & copy events
components/          # Shared UI & layout
features/posts/      # Feed, masonry, palettes, queries
lib/                 # DB, R2, media helpers
drizzle/             # SQL migrations
scripts/             # Seed & backfill utilities

License

Private — all rights reserved.