Going to production

Learn how to prepare your Nuxt Starter Kit application for production.

These are the final steps to prepare your app for production. You can skip this step if you are using the Nuxt Starter Kit in development mode.

Naming & Branding

  • Rename the app to your brand name, search for any occurrences of "Demo SaaS" and replace them with your brand name.
  • Update config/siteConfig.ts with your configurations.
  • Update description in en.json and de.json files in the i18n directory.
  • Rename name in package.json to your brand name.
  • Update favicon.ico & logo.png in the public directory.
  • Change to a theme that fits your brand, see Theme for more details.

Intruder redirection

In nuxt.config.ts, some route rules are set up to redirect intruders to a funny GIF. You should definitely change this to a more serious solution, for example, a 404 page or a custom page that matches your brand.

Email templates

Nuxt Starter Kit uses some email templates, you should customize them to match your brand. You can find the email templates in the layers/email/components/email/template directory.

You definitely should customize the logo, brand colors and footer links. You can also customize the email subject and body to match your brand.

You can preview all emails as admin user, see Admin for more details.

You should also send a test email to yourself to make sure everything is working as expected. You can do this in the admin section as well.

Payment

Make sure the products or subscriptions you want to offer are set up correctly in the payment provider.

Also verify that the webhooks are set up correctly and that the payment provider is able to send webhooks to your app. You can do this by checking the logs in the payment provider dashboard.

SEO

Verify that all pages have a meta title and description. Additionally, check that all pages are indexed and added to the sitemap.

Add content to all legal pages, including the privacy policy, terms of service, and cookie policy. You can find these pages in the app/pages/legal directory.

Docs & Blog

Add real content to the docs and blog pages or remove them if you don't need them.