I switched from Buffer to Pallyy as my social media management platform. It's built with Vue & Nuxt and Tim Bennetto gave me a discount for sharing his tool in this week's issue. Thanks Tim 💚.
👉🏻 In the first episode of the DejaVue podcast, Michael Thiessen and Alexander Lichter discuss Server-Side Rendering with Vue and Nuxt.
🔥 Nuxt Tip: Use Environment-Specific Configurations
It sometimes happens that you need to have different configurations for different environments in your Nuxt.js application. I'll show you how to use environment-specific Nuxt configurations.
Let's start with a simple nuxt.config.tsnuxt.config.ts file:
For demonstration purposes, let's assume that we want to have a different title in development and production. You might be tempted to use an environment variable like this:
This approach is not recommended by Nuxt, instead, you should use the fully typed, per-environment overrides like $production$production, $development$development or $test$test in your nuxt.confignuxt.config file. Here's how you can do it:
The $development$development key is a special key that allows you to define a Nuxt configuration for the development environment. This configuration is merged with the default configuration when running in development mode. This mechanism is powered by c12, a smart configuration loader available in the UnJS ecosystem.
If you're authoring layers, you can also use the $meta$meta key to provide metadata that you or the consumers of your layer might use.
评论
发表评论