Add a 'Built with NestSaaS' badge to your website to showcase that your site is powered by NestSaaS.

Built with NestSaaS Badge

Showcase that your website is powered by NestSaaS by adding a "Built with NestSaaS" badge to your site's footer or any other location.

Using the Component

If you're building your site with NestSaaS, you can easily import and use the badge component in your React/Next.js application:

import { NestSaaSBadge } from "@/components/shared/nestsaas-badge"
 
export default function YourComponent() {
  return (
    <footer>
      {/* Your footer content */}
      <NestSaaSBadge variant="pill" size="md" darkMode={true} />
    </footer>
  )
}

NestSaaSBadge Props

Prop	Type	Default	Description
`className`	`string`	`""`	Additional CSS classes to apply to the badge
`variant`	`"default" \| "minimal" \| "pill"`	`"default"`	Visual style of the badge
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size of the badge
`darkMode`	`boolean`	`false`	Whether to use dark mode styling

Examples

Default Badge

<BuiltWithNestSaaS />

Small Badge without Text

<BuiltWithNestSaaS size="sm" showText={false} />

Pill Variant in Dark Mode

<NestSaaSBadge variant="pill" darkMode={true} />

Why Add the Badge?

Adding the "Built with NestSaaS" badge to your website helps:

Showcase the technology powering your site
Support the NestSaaS community
Provide a professional touch to your website
Help others discover NestSaaS for their projects

We appreciate your support in growing the NestSaaS ecosystem!

Built with NestSaaS Badge

On this page