Migrating to Nuxt content
If you already have documentation set up and would like to migrate to Nuxt Content then this guide should help you make migrate easily and take advantage of what the docs theme gives you.
7 min read
Blog - Page 10
Writing on testing, AI, Playwright, and the web.
Using Apollo to Fetch Data
Using Apollo to Fetch Data from a GraphQL API
2 min read
Create a Blog with Nuxt Content
The content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover how we can create a blog with it.
1 min read
Styling your active classes in Nuxt.js
Nuxt.js, which uses `vue-router`, can easily tell what route you are on and therefore can add a class to that link when the user is on that page. By default this class is called `nuxt-link-active`.
3 min read
Adding a PWA in Nuxt.js
Most people don't realise how easy it really is to add a PWA with Nuxt.js. Progressive Web Apps (PWA) deliver native-like capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase.
2 min read
Advanced i18n in Nuxt using Interpolations
With Nuxt components you can auto import your components really easily and even comes with support for dynamic imports otherwise known as lazy loading. That means you can just add your component in the template without having to add it to the script tag. This makes development much faster.
1 min read
Moving from @nuxtjs/dotenv to runtime config
In our frontend applications, we often use APIs and third-party integrations which require us to use configuration data which is usually provided by environment variables. These variables should not be exposed to the frontend as the browser environment is accessible by all visitors.
1 min read
Going dark with Nuxt.js color mode
The @nuxtjs/color-mode module is a cool way of adding dark mode to your site. But not only does it switch from dark to light but also any color theme (eg sepia mode). It even has auto detection so that it will choose the right mode depending on your system appearance.
1 min read
ignoring your files with Nuxt.js
In Nuxt.js there are 3 different ways to ignore files during the build phase. This is great for static site generation which means you can still generate your site with a broken page as it will be ignored.
3 min read
Creating an error page in Nuxt.js
An error page is the page you see when you arrive at a page that can't be found. These are typically called 404 pages. To create an error page all you need to do is create an `error.vue` file in your layouts folder. Layouts?
2 min read
Configure the Nuxt.js server to see your site on your mobile
Sometimes you want to test out your site on your actual mobile device or tablet and not just in the dev tools. This is great when bug fixing or just to see how it looks in a real environment.
3 min read
Show a message when your user is offline with $nuxt.isOffline
Did you know that `$nuxt.isOffline` can be used to show your users content based on if they are online or not.
2 min read