Join our community

Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.

7-6 Runtime Config and App Config

In this lesson, we look at the two different ways we can supply configuration values to our app.

While both are reactive while the app is running, only the Runtime config can be updated after the app is built. This is useful for things that change between environments, like using different databases in your testing and staging and production environments.

App config can’t be set after build time, but it supports TypeScript fully, and can be changed on a per request basis. This lets us do things like change the app theme for every request that comes in, based on user preference.

Runtime vs. App config: https://nuxt.com/docs/getting-started/configuration#runtimeconfig-vs-appconfig

This course was originally built with Nuxt 3, but it's no longer being maintained. You can still follow the lessons, but make sure to use the exact dependency versions listed in the course repository to avoid breaking changes.

If you’re looking for the most up-to-date and fully supported version, we recommend Mastering Nuxt: Full Stack Unleashed , which uses Nuxt 4 and actively being maintained.