Why Nuxt Mint?

Everything you need to build faster and scale freely

Zero Infrastructure Costs

Deploy globally on Cloudflare Pages + D1 (SQLite) + R2 (storage) with no lock-in.

Modular Architecture

Choose only what you need from blogs and portfolios to e-commerce and dashboards.

SEO & Performance First

95+ Lighthouse scores with auto-generated sitemaps, OG tags, and schema markup.

Real-World Ready

SaaS, E-commerce, Blogs, Portfolios - all with auth, payments, and content management.

Developer Experience

TypeScript + Nuxt 3.12 + Vue 3.4 with CLI integration and VS Code snippets.

Pay Once, Own Forever

No recurring fees, no lock-in, scale freely on your own terms.

Advanced Features

Everything you need to build powerful web applications

Easy to use components

Fully typed, accessible components with extensive documentation. Build UIs in record time.

Component Explorer100+ Components

Product Feature

New

Everything you need to build beautiful applications with minimal effort.

Type-safe

Full TypeScript support

Accessible

WCAG 2.1 AA compliant

Themeable

Match your brand

Change colors easily

Switch your theme colors with a single configuration change. No more CSS hunting.

Currently selected color: emerald

// nuxtmint.config.ts
export default {
  theme: {
    colors: {
      primary: 'emerald',
      secondary: 'teal',
      accent: 'amber'
    }
  }
}

Example Component

This component's colors update based on your theme

Authentication Made Simple

Add complete user authentication to your app with just one line of code.

Authentication Flow

1

Import

2

Use Components

3

Protect Routes

Dark & Light Mode

Seamless theme switching with system detection

Light Mode

Button

Cancel

Dark Mode

Button

Cancel

Dark Mode Active

OLED Friendly

System Preference Detection

Automatically syncs with your device settings for a seamless experience across platforms

Persistent Preferences

Your theme choice is saved to localStorage, ensuring a consistent experience on every visit

Benefits of Dark Mode

Pro Tip

Reduces battery consumption on OLED displays

Minimizes eye strain during nighttime browsing

Custom scripts

Built-in CLI tools for common tasks. Optimize images, generate components, and more.

Terminal

$ npm run images

// Converting images to WebP and renaming

🔍 Found 24 images in /public/img

✓ Converted: hero-image.png → hero_image.webp

✓ Converted: productPhoto.jpg → product_photo.webp

✓ Converted: userAvatar.png → user_avatar.webp

...

✅ Optimized 24 images. Saved 4.2MB (68% reduction)

Before (1.2MB)

PNG

productPhoto.jpg

After (380KB)

WebP

product_photo.webp

// package.json
{
  "scripts": {
    "dev": "nuxt dev",
    "build": "nuxt build",
    "images": "nuxtmint optimize-images --webp --rename=snake"
  }
}

Multi-language Support

Built-in i18n with automatic routing and translation management. Go global in minutes.

Preview

Welcome to NuxtMint

Your next project starts here.

Code

constmessage = useI18n().t('welcome')

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@nuxtmint/i18n'
  ],
  i18n: {
    locales: ['en', 'fr', 'es', 'jp'],
    defaultLocale: 'en',
    strategy: 'prefix_except_default',
    autoRedirect: true
  }
})

Highly detailed documentation

Interactive documentation with live code examples, search, and dark mode.

NuxtMint Docs

GETTING STARTED

Introduction
Installation
Configuration

CORE CONCEPTS

Components
Authentication
Database
Payments

Payment Integration

Accept payments with integrated payment providers using our simple API.

payment-example.ts

import{ usePayments }from'@nuxtmint/payments'

exportdefaultdefineComponent({

setup() {

const{ createCheckout, getPaymentStatus } = usePayments()

// Create a one-time payment

consthandlePayment = async() => {

// Highlighted line

const{ checkoutUrl, sessionId } = awaitcreateCheckout({

amount: 2999,

currency: 'usd',

successUrl: '/checkout/success'

})

window.location.href = checkoutUrl

}

return {

handlePayment

}

})

Live Example

Total$29.99

Supported providers

Versioned Docs

View docs for any version

Interactive Examples

Try code directly in docs

Responsive

Perfect on any device

Frequently Asked Questions

Is hosting really free forever?

Yes! Cloudflare's free tier covers most small-to-medium projects. Need more? Scale to paid Cloudflare plans without changing your code.

Can I use my own backend?

Absolutely. Nuxt Mint works with any API (REST, GraphQL) or serverless platform.

What about payment processors?

We include Stripe/Lemon Squeezy examples, but standard transaction fees apply.

Why pay $299+/year elsewhere?

Competitors charge recurring fees for basic features.

Hosting costs $10-50/month on other platforms.

Many platforms have limited customization and vendor lock-in.

About Me

The Developer Behind NuxtMint

Hey, I'm Florian

I'm a software engineer who traded corporate constraints for creative freedom. While the 9-to-5 grind with micromanagement wasn't my calling, I still find genuine joy in building digital solutions that solve real problems.

After years in the industry, I realized that my passion for coding wasn't diminishing—just my tolerance for bureaucracy. With AI evolving beyond novelty use cases, I've found the perfect moment to return to creation on my own terms—no mandatory stand-ups, tracking tickets, or endless meetings that could have been emails.

NuxtMint represents this philosophy: streamlined, purposeful development that prioritizes function and user experience over corporate processes.

Connect with me:

LinkedIn BlueSky GitHub

The 100 Startup Challenge

Building 100 startups in 100 days? Yes, it's ambitious. Yes, I'm doing it anyway.

This challenge isn't just about quantity—it's about embracing rapid experimentation and learning. Each project is an opportunity to identify pain points, build targeted solutions, and validate ideas in the real world.

My methodology is refreshingly straightforward: identify genuine problems, create minimal viable solutions, and launch before perfectionism takes hold. I believe in releasing early, gathering feedback quickly, and iterating based on actual user needs rather than assumptions.

Follow My Journey

Pay once. Own forever. Scale freely.

Join thousands of developers building better with NuxtMint.

NuxtMint.