I just open sourced a free portfolio template built with shadcn/ui, Next.js, Tailwind CSS, and TypeScript.

I just open sourced a free portfolio template built with shadcn/ui, Next.js, Tailwind CSS, and TypeScript.

Open sourced a portfolio template I've been working on.

Built with:

  • Next.js
  • shadcn/ui
  • Tailwind CSS
  • TypeScript

It includes a blog, project showcase, contact page, dark mode, and is fully MIT licensed.

Repo:
https://github.com/shadcnstudio/shadcn-nextjs-zolt-landing-page-free

If you have any feedback on the codebase, component structure, or ideas for improvement, I'd love to hear them. Contributions are welcome.

u/ajaypatel9016 — 3 days ago
▲ 81 r/shadcn+1 crossposts

Free shadcn/ui portfolio template

Just released Zolt, a free portfolio template for designers, developers, freelancers, and creative professionals.

It’s built with Next.js, shadcn/ui, Tailwind CSS v4, and TypeScript.

It includes sections for:

  • Featured projects
  • Experience
  • Skills & tech stack
  • Services
  • Pricing
  • Testimonials
  • Contact

It also supports light, dark, and system themes and is fully responsive.

If you're looking for a starting point for a personal portfolio or just want to see how a larger shadcn/ui template is structured, it's completely free to use.

Check out - Shadcn Portfolio Template

u/ajaypatel9016 — 3 days ago
▲ 49 r/shadcn

Built a restaurant POS template with shadcn/ui

We recently built RestroPOS, a restaurant POS template for anyone working on a restaurant, café, cloud kitchen, or hospitality app.

It’s built with Next.js 16, shadcn/ui, Tailwind CSS v4, and TypeScript.

The template covers the main parts you’d expect from a POS system:

  • POS & billing
  • Table management
  • Reservations
  • Kitchen display
  • Inventory
  • Invoices & payments
  • Restaurant dashboard

The idea was to provide a solid starting point that developers can customize rather than building all of these screens from scratch.

It’s available on shadcn/studio if anyone is working on something in this space and wants to take a look: Shadcn POS Template

Would love to hear what you think, especially if you’ve built a restaurant/POS product before.

u/ajaypatel9016 — 12 days ago
▲ 48 r/shadcn+1 crossposts

We made part of our shadcn/ui admin dashboard free for the community

After a lot of requests, we've released a free version of AdminCN.

It includes a selection of pages from the full dashboard, including:

  • Orders Dashboard
  • Mail, Calendar & Users
  • User Profile & Settings
  • Authentication pages
  • Forms & Data Tables
  • Error pages

The idea was simple: make it easier for people to try AdminCN and use parts of it in their own projects without any upfront cost.

If you're building an admin panel with shadcn/ui, I'd love to hear what you think or what you'd like to see added next.

Check it out -> https://github.com/shadcnstudio/shadcn-nextjs-admincn-admin-template-free

u/ajaypatel9016 — 1 day ago
▲ 22 r/shadcn

Built a production-ready admin dashboard with shadcn/ui. Would love your feedback.

I've spent the last few months building an admin dashboard starter for the shadcn ecosystem, and I'd love to get some feedback from the community.

It includes:

  • Next.js 16 + shadcn/ui + Tailwind CSS v4
  • Multiple dashboard variations
  • Prebuilt apps like Mail, Chat, Calendar, and Kanban
  • Data tables, charts, auth pages, user management, and settings
  • Theme customizer and API-ready structure

The goal wasn't to create another dashboard demo, but something that can serve as a solid starting point for real products.

I'd really appreciate any feedback on the UI, component organization, developer experience, or anything you'd improve.

Check out:- Shadcn Admin Dashboard Template

u/ajaypatel9016 — 2 months ago

What’s a technology decision you made that felt wrong at the time but turned out to be right?

Not the obvious choices.

The decisions where everyone told you not to do it.

Maybe a framework, architecture, database, deployment strategy, whatever.

What was it, and how did it play out?

reddit.com
u/ajaypatel9016 — 3 months ago
▲ 29 r/shadcn

Shadcn Studio's builder just got a major upgrade.

Shadcn Studio's builder just got a major upgrade.

New support includes:

  • Base UI blocks
  • Radix UI blocks
  • Shadcn-styled blocks
  • Theme support

The goal is to make the builder much more flexible than simple block editing.

Mix free and pro shadcn blocks system, apply themes, and build faster without leaving the builder.

We're just getting started.

u/ajaypatel9016 — 3 months ago

11 Framer Landing Page Templates Built to Convert

🚀 11 Framer Templates That Help You Launch Landing Pages Faster

Most landing pages fail at clarity.
The right template fixes that fast.

Here are 11 Framer templates worth checking 👇

  • Landin: A clean and minimal landing page template built for speed and clarity.
  • Platform: SaaS-focused template designed to showcase features, pricing, and product.
  • Elements: Flexible template built around reusable UI components and structured layouts.
  • Lineads: Conversion-focused template designed for lead capture and strong CTA.
  • Viper: Bold and modern layout made for strong first impressions and product showcases.
  • Edufy: Built for education platforms, courses, and learning-focused products.
  • Porto: Simple and structured portfolio template for showcasing work clearly.
  • Portfolite: Lightweight portfolio template with a minimal and fast-loading design.
  • Bartix: Business-focused template with clean service sections and customizable layouts.
  • Essentia: Structured business website template with simple navigation and easy setup.
  • Billie: Creative landing page template with strong visual storytelling and modern layouts.

Your landing page doesn’t need more sections.
It needs a better structure.

Pick a template.
Refine the message.
Launch faster.

Check out my blog on Framer Landing Page Template

u/ajaypatel9016 — 3 months ago

Next.js + Supabase Auth + Cloudflare: cached pages vs auth-aware header

Cloudflare caching vs auth flash - is there a true zero-compromise solution?

I'm building a Next.js 15 app with Supabase auth and Cloudflare as CDN. My public pages (home, docs, changelog) should be cached by Cloudflare, but my header shows either "Sign in" or a "user account" dropdown depending on auth state.

The deadlock: if `FrontLayout` is a static server component (no `cookies()` call), Cloudflare can cache it - but SSR renders "Sign in" for everyone, causing a visible flicker to "User Account" on hydration for logged-in users. If I call `cookies()` server-side to pre-populate the auth state, the page becomes dynamic, and Cloudflare can't cache it at all. Is there a cleaner solution for this?

reddit.com
u/ajaypatel9016 — 3 months ago
▲ 3 r/nextjs

Next.js + Supabase Auth + Cloudflare: cached pages vs auth-aware header

Cloudflare caching vs auth flash - is there a true zero-compromise solution?

I'm building a Next.js 15 app with Supabase auth and Cloudflare as CDN. My public pages (home, docs, changelog) should be cached by Cloudflare, but my header shows either "Sign in" or a "user account" dropdown depending on auth state.

The deadlock: if `FrontLayout` is a static server component (no `cookies()` call), Cloudflare can cache it - but SSR renders "Sign in" for everyone, causing a visible flicker to "User Account" on hydration for logged-in users. If I call `cookies()` server-side to pre-populate the auth state, the page becomes dynamic, and Cloudflare can't cache it at all. Is there a cleaner solution for this?

reddit.com
u/ajaypatel9016 — 3 months ago

Went through a bunch of Framer restaurant templates.

Most of them look similar at first.
Clean layouts, food photos, and menu sections.

But once you look closer, each one is built for a completely different vibe.

Some focus on luxury branding
Some push visuals hard
Some are made for playful and modern food brands

Picking the right template changes how people see your business before they even read the menu.

Here are 10 Framer restaurant templates worth exploring 👇

  • Qitchen: A modern restaurant template with clean layouts and strong visual hierarchy, great for showcasing menus and food photography.
  • Bellevoire: Elegant and minimal design focused on luxury dining experiences, ideal for fine dining or boutique cafes.
  • Pepper: Bold and vibrant template with energetic colors, suited for trendy food brands and fast casual spots.
  • Holier: A refined and editorial style template that works well for high-end restaurants or curated food experiences.
  • Latte Cafe: Warm and cozy aesthetic built for cafes and coffee shops, with a focus on ambiance and storytelling.
  • K Lane: Minimal and structured layout, good for modern brands that want a clean and professional presence.
  • Savoria: Rich template designed to highlight dishes and menus, ideal for restaurants with strong food visuals.
  • Slice Town: Playful and engaging design tailored for pizza shops or casual eateries with a fun brand voice.
  • Mood: Aesthetic-driven template with strong typography and visuals, suitable for lifestyle or food-focused brands.
  • Brewhaus: Designed for breweries and bars, with a rugged and bold look that fits beverage-focused businesses.

If you want to go deeper, I’ve broken this down properly in Best Framer Restaurant Templates. Worth a read.

u/ajaypatel9016 — 4 months ago

Cloudflare caching vs auth flash - is there a true zero-compromise solution?

I'm building a Next.js 15 app with Supabase auth and Cloudflare as CDN. My public pages (home, docs, changelog) should be cached by Cloudflare, but my header shows either "Sign in" or a "user account" dropdown depending on auth state.

The deadlock: if `FrontLayout` is a static server component (no `cookies()` call), Cloudflare can cache it - but SSR renders "Sign in" for everyone, causing a visible flicker to "User Account" on hydration for logged-in users. If I call `cookies()` server-side to pre-populate the auth state, the page becomes dynamic, and Cloudflare can't cache it at all. Is there a cleaner solution for this?

reddit.com
u/ajaypatel9016 — 4 months ago
▲ 14 r/shadcn

We ended up rebuilding our Shadcn Figma instead of patching it again and again

Switched everything to a Nova-based structure so it aligns better with how shadcn/ui is actually used

The biggest change was splitting the file into 3 parts:

  • UI kit for core components
  • Blocks for reusable sections
  • Templates for full pages

It made a bigger difference than expected
Files load faster, are way easier to navigate, and editing feels less painful

Also added slot support across components, plus a proper style guide page, so things stay consistent

Added a few missing pieces, like:

  • Kbd
  • Item
  • Spinner
  • Input group
  • Scroll area
  • Form fields

Curious how others here are handling Figma with shadcn

Do you even use a kit or just build directly?

u/ajaypatel9016 — 4 months ago

I’ve seen a lot of advice that sounds great in theory,
but in real projects it either slows things down or adds unnecessary complexity.

Curious what others have dropped over time and why.

reddit.com
u/ajaypatel9016 — 4 months ago

Went through a bunch of MCP servers for design workflows.

They all sound similar at first.
But each one solves a different part of the process.

Some help you build UI faster
Some connect design to code
Some keep your team and workflow in sync

Pick the right mix, and everything flows better.

Here are 9 MCP servers worth exploring 👇

  • Shadcn MCP: Turns UI ideas into production-ready components, great for design-to-code workflows with Tailwind.
  • FlyonUI MCP: Provides prebuilt UI blocks and sections, useful when you want to move fast without starting from scratch.
  • Figma MCP: Lets AI interact with design files, making it easier to extract components and sync systems.
  • Storybook MCP: Helps document and validate UI components, ideal for teams working on shared design systems.
  • Canva MCP: Simplifies visual content creation, good for quick assets, branding, and non-technical workflows.
  • Adobe MCP: Brings AI into pro design tools, useful for editing, asset generation, and deeper creative control.
  • Webflow MCP: Turns designs into live websites, great for no-code publishing with CMS and hosting.
  • Framer MCP: Combines design, animation, and publishing, strong for interactive and modern web experiences.
  • Linear MCP: Connects design work to product execution, helping teams track, manage, and ship faster.

If you want to go deeper, I’ve broken this down properly in Best MCP servers for Designers. Worth a read.

u/ajaypatel9016 — 4 months ago

This is what building a startup looks like right now:

Half the team is debating small details
The other half is already shipping

Ideas change mid-conversation
Things break right before they start working

No one really has the full picture
But everyone keeps moving forward

It’s messy
It’s fast
Sometimes frustrating

But it slowly starts coming together

Just stacking small wins, one at a time

Curious if this matches your experience or if your process looks different

reddit.com
u/ajaypatel9016 — 4 months ago