🚀 5 minutes tutorial
General

General config

There is the AppConfig file where you can configure your app.

shared/config.tsx
export const AppConfig: AppConfig = {
  availableProviders: ["google", "facebook", "twitter", "github", "discord", "linkedin", "spotify"],
  isOtpAvailable: true,
  isCredentialsAvailable: true,
  brandName: "TurboSaaS",
  brandUrl: "https://turbo-saas.com",
  stripeSuccessUrl: "http://localhost:3333/stripe/success",
  stripeErrorUrl: "https://localhost:3333/stripe/error",
  waitlistMode: false,
  twitterUrl: "https://x.com/wailroth",
  youtubeUrl: "/",
  faqList: FAQList,
  featuresList: features,
  routeList: routeList,
  testimonials: testimonials
};

You can add your own configurations here. No stress.

Change the brand name

Go in shared/config.ts and change the brandName property.

Change the brand url

Go in shared/config.ts and change the brandUrl property.

Change FAQList, featuresList, routeList, testimonials

You can change the FAQList, featuresList, routeList, testimonials in the shared/configfolder. It will update every components that uses it (FAQ, Features, Navbar, Testimonials).

Rendering

All the components & Vite is handled in the /resources/views/inertia_layout.edge file. You'll find some analytics scripts, meta tags and favicons.

Moreover, entrypoints are /inertia/app/app.tsx & /inertia/app/ssr.tsx You can change things in these files, like title in the app.tsx file.