BranchesTags

Repository files navigation

Build. Ship. Earn. at lightspeed, Best for Microsaas

Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online. Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.

5 Steps to Earning your first Dollars on the Internet

Screenshot 2024-09-22 173525

Get Started

Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)

Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.

"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"

1. Setup Codebase

Clone the Ninetails GitHub Repository from here Ninetails GitHub.

Run the following command to install all required packages:

npm i

2. Configure Environment Variables

Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:

3. Setup Tables in Database

We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.

Now go to terminal and run the following commands:

npx drizzle-kit generate
npx drizzle-kit migrate

4. Create Subscription Product on Stripe

We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).

  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:
    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as: 
    https://your-website-domain.com/api/webhooks/stripe

5. Deployment

Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.
Deploy with Vercel

6. Have a Question?

If you have any questions, create an issue or you can reach out to the following handles:

7. Want to show Support?

If this starter template helped you and you want to show some support, here are a few ways:

image

About

Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more

ninetails-stack.dev

Topics

nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter

Resources

Readme
MIT license
Activity

Stars

23 stars

Watchers

1 watching

Forks

3 forks
Report repository

Releases

Sponsor this project

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Repository files navigation
Build. Ship. Earn. at lightspeed, Best for Microsaas
Earn your first Dollars on the Internet with NineTails Stack Template, An Open-Source easy-to-use SaaS starter kit designed for indie hackers, startups, and MVPs to quickly get starter, build & launch ideas and earn their first dollar online.
Ninetails SaaS Starter Kit for AI, IndieHacking or Startups MVP.
5 Steps to Earning your first Dollars on the Internet
Screenshot 2024-09-22 173525
Get Started
Few things to help you get started that can help and know what you are dealing with. (More detailed documentation is in progress with extra features around payment & email)
Project uses Next.js 14 (App Router), Supabase, PostgresSQL, Drizzle ORM, Stripe, Vercel AI SDK, Auth.js, Resend Emails, PostHog Analytics, Tailwind CSS, Shadcn UI, Acerternity UI, Magic UI and more.
"No Unit Testing before Reaching 100k Monthly active users or 10k Paid Users"
1. Setup Codebase
Clone the Ninetails GitHub Repository from here Ninetails GitHub.
Run the following command to install all required packages:
npm i
2. Configure Environment Variables
Go to env.local, rename it to .env and fill in all the mentioned environment variables. To just get started, below are the few platforms you will need to create accounts on to get some of the variable values:
3. Setup Tables in Database
We are using Drizzle ORM to work with the database. Go to database/schema.ts file to find all the table schemas we are using. You can add table schemas as you like. Make sure not to delete existing properties of tables like users, accounts, sessions, verification_token as they are required for our Auth.js library.
Now go to terminal and run the following commands:
npx drizzle-kit generate
npx drizzle-kit migrate
4. Create Subscription Product on Stripe
We are using Stripe for payment collection of our paid plans. Go to Stripe and set it up (if you don't know how, there are simple video tutorials on YouTube).
  • Create a Recurring Product, get its Price ID and paste it in the .env file as mentioned before
  • Go to Developers -> Webhooks in Stripe
  • Setup Stripe WebHook with these events selected:

    • checkout.session.completed
    • invoice.payment_succeeded
    • customer.subscription.updated
    • customer.subscription.deleted
  • Set Webhook Endpoint URL as:

    https://your-website-domain.com/api/webhooks/stripe

5. Deployment
Deployment is very easy for Next.js App. The most common and easy-to-use platform you can use is Vercel.

Deploy with Vercel
6. Have a Question?
If you have any questions, create an issue or you can reach out to the following handles:
7. Want to show Support?
If this starter template helped you and you want to show some support, here are a few ways:
image
About
Ninetails Stack MicroSaaS Starter to quickly start earning with your side project and Earn your First Dollar on Internet. Everything Setup from Auth, Payments, Database, Emails, and more
ninetails-stack.dev
Topics
nextjssaassaas-applicationsaas-boilerplatesaas-templatesupabasesupabase-authsupabase-dbsupabase-saas-starter
Resources
Readme
MIT license
Activity
Stars
23 stars
Watchers
1 watching
Forks
3 forks
Report repository
Releases
Sponsor this project
Packages
Used by
Contributors
Languages