Git Product home page Git Product logo

the-saas-factory / next-14-saas-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
142.0 2.0 26.0 1.5 MB

Professional Next 14 SaaS Boilerplate to develop your new product in a weekend with a powerful and scalable stack. - Next 14 (FullStack) - Clerk - Tailwind CSS, TypeScript - Prisma

Home Page: https://next14.thesaasfactory.dev

License: MIT License

JavaScript 0.17% TypeScript 98.92% CSS 0.91%
clerk dashbaord next-14 prisma saas saas-boilerplate boilerplate next-boilerplate next14 billing

next-14-saas-boilerplate's Introduction

Next 14 SaaS Boilerplate

Next 14 FullStack SaaS Boilerplate by The SaaS Factory

The standard model for launching free, open source, SaaS products faster

Our vision is that a programmer with a regular job can, with this boilerplate, launch a side project in a weekend.

Boilerplate architecture

Boilerplate structure

Demo

https://next14.thesaasfactory.dev/

Super Admin Access

  • Login as Normal User
  • Make click on the "Access as Super Admin" button in the Header from personal profile

Stripe test card number

  • 4242 4242 4242 4242
  • 12/28
  • 123

Documentation

https://docs-next14.thesaasfactory.dev/

Top Features

  1. Next.js 14: Use the power of Next.js to build server-side rendered React applications that are optimized for performance and SEO, providing a seamless user experience across all devices. Backend and frontend are in the same project, making it easier to manage and deploy your application.

  2. TypeScript: Leverage the power of TypeScript's static typing system to detect and prevent errors at compile time, providing increased confidence and productivity during development.

  3. React: Build dynamic and responsive user interfaces with React, the leading JavaScript library for creating reusable and easily maintainable components.

  4. Tailwind CSS: Streamline the design and styling of your application with Tailwind CSS, a utility-first framework that enables you to quickly customize your application's appearance without sacrificing code readability.

  5. Prisma: Prisma is one of the best current ORMs to manage databases

  6. Clerk: Powerful authentication manager allowing you to add social providers and manage organizations, permissions and roles What you avoid doing by using this boilerplate

  7. Stripe: Stripe is the best payment gateway to manage subscriptions and payments

Integrated modules / Features

  • Multi-tenancy support: create, switch, update organization and invite members
  • Landing Page
  • Full Internationalization support (Frontent componenets and Dynamic Data) This is good!
  • Responsive
  • DarkTheme
  • Dashboards for Admins and Super Admin
  • Kpis Module
  • Notifications Module
  • Organization Switcher (Clerk)
  • Organization Profile (Clerk)
  • User Profile (Clerk)
  • Ticket Support Module
  • Settings Module for Super Admins
  • Marketing Module
  • Billing and subscriptions with Stripe Invoices, Stripe Customer Portal and Multi-Currency support
  • Imagekit Integration for Media Storage
  • Internal components to help you create cruds quickly (newForm)
  • User management
  • Organization management
  • Subscriptions management
  • Subscriptions, plans management and user capabilities This is good!
  • Membership plan capabilities support
  • User Onboarding
  • Affiliate System with Affiliate Panel and Payments with comissions This is good!
  • SEO friendly (SSR by Next 14)
  • Vercel Analytic integration
  • Role-based access control and permissions
  • Absolute Imports using @ prefix
  • Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more) (Clerk)
  • Transactional emails (Loops.so)
  • Adding email addresses to newsletter lists (Loops.so)

Some projects using this boilerplate

Send a message on WhatsApp to add yours

RoadMap

  • Improve typing
  • Add more documentation
  • Add Blog Module
  • Add Changelog Module

Screenshots

enter image description hereenter image description here enter image description here Start building your saas FASTER

next-14-saas-boilerplate's People

Contributors

roylermarichal avatar yamybrasil avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

ramongo nilkomarketing giorbismiguel redanium boualam3 mattwanjia yamybrasil thesaasfactorydev simon-loeschke1988 realsbd paulbryan mraf silvericedan buenasopa ashesofphoenix arcade1080 mateusdcv93 didivu-vn auto-deploy-landingpage-inspirations jlopez97work marlon-webdeveloper bytepair karanwebdev intellihackz

next-14-saas-boilerplate's Issues

Environment variable not found: DIRECT_URL.

Estou tentando fazer o deploy pela plataforma da Netlifly, porém estou tendo problemas na hora de sinalizar o deploy. Poderia me esclarecer melhor como funcionam estas duas variáveis :
DATABASE_URL
DIRECT_URL



5:02:16 PM: Netlify Build                                                 
5:02:16 PM: ────────────────────────────────────────────────────────────────
5:02:16 PM: ​
5:02:16 PM: ❯ Version
5:02:16 PM:   @netlify/build 29.41.1
5:02:16 PM: ​
5:02:16 PM: ❯ Flags
5:02:16 PM:   baseRelDir: true
5:02:16 PM:   buildId: 662ffc8f7519e90fbf4bfc52
5:02:16 PM:   deployId: 662ffc8f7519e90fbf4bfc54
5:02:16 PM: ​
5:02:16 PM: ❯ Current directory
5:02:16 PM:   /opt/build/repo
5:02:16 PM: ​
5:02:16 PM: ❯ Config file
5:02:16 PM:   No config file was defined: using default values.
5:02:16 PM: ​
5:02:16 PM: ❯ Context
5:02:16 PM:   production
5:02:16 PM: ​
5:02:16 PM: ❯ Installing plugins
5:02:16 PM:    - @netlify/[email protected]
5:02:16 PM: ​
5:02:16 PM: ❯ Using Next.js Runtime - v5.1.2
5:02:18 PM: ​
5:02:18 PM: @netlify/plugin-nextjs (onPreBuild event)                     
5:02:18 PM: ────────────────────────────────────────────────────────────────
5:02:18 PM: ​
5:02:18 PM: No Next.js cache to restore
5:02:18 PM: ​
5:02:18 PM: (@netlify/plugin-nextjs onPreBuild completed in 14ms)
5:02:18 PM: ​
5:02:18 PM: Build command from Netlify app                                
5:02:18 PM: ────────────────────────────────────────────────────────────────
5:02:18 PM: ​
5:02:18 PM: $ npm run build
5:02:18 PM: > [email protected] build
5:02:18 PM: > npx prisma db push  && npx prisma generate && next build
5:02:19 PM: Prisma schema loaded from prisma/schema.prisma
5:02:19 PM: Datasource "db": MySQL database
5:02:19 PM: Error: Prisma schema validation - (get-config wasm)
5:02:19 PM: Error code: P1012
5:02:19 PM: error: Environment variable not found: DIRECT_URL.
5:02:19 PM:   -->  schema.prisma:8
5:02:19 PM:    |
5:02:19 PM:  7 |   url       = env("DATABASE_URL")
5:02:19 PM:  8 |   directUrl = env("DIRECT_URL")
5:02:19 PM:    |
5:02:19 PM: Validation Error Count: 1
5:02:19 PM: [Context: getConfig]
5:02:19 PM: Prisma CLI Version : 5.9.1
5:02:19 PM: ​
5:02:19 PM: @netlify/plugin-nextjs (onEnd event)                          
5:02:19 PM: ────────────────────────────────────────────────────────────────
5:02:19 PM: ​
5:02:19 PM: ​
5:02:19 PM: (@netlify/plugin-nextjs onEnd completed in 5ms)
5:02:19 PM: ​
5:02:19 PM: "build.command" failed                                        
5:02:19 PM: ────────────────────────────────────────────────────────────────
5:02:19 PM: ​
5:02:19 PM:   Error message
5:02:19 PM:   Command failed with exit code 1: npm run build (https://ntl.fyi/exit-code-1)
5:02:19 PM: ​
5:02:19 PM:   Error location
5:02:19 PM:   In Build command from Netlify app:
5:02:19 PM:   npm run build
5:02:19 PM: ​
5:02:19 PM:   Resolved config
5:02:19 PM:   build:
5:02:19 PM:     command: npm run build
5:02:19 PM:     commandOrigin: ui
5:02:19 PM:     publish: /opt/build/repo/.next
5:02:19 PM:     publishOrigin: ui
5:02:19 PM:   plugins:
5:02:19 PM:     - inputs: {}
5:02:19 PM:       origin: ui
5:02:19 PM:       package: '@netlify/plugin-nextjs'
5:02:19 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
5:02:19 PM: Failing build: Failed to build site
5:02:20 PM: Finished processing build request in 35.276s
5:02:19 PM: Failed during stage 'building site': Build script returned non-zero exit code: 2 (https://ntl.fyi/exit-code-2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.