Create a new theme from scratch In this recipe, we will create a new theme from scratch. We will (re)create the theme called "Minimalist" that is included in the Bloggrify core repository. Getting Started First, you need to create a new Nuxt application. You can do this by running the following command: npx nuxi@latest init neo-minimalist Then, you need to install the dependencies: npm install @bloggrify/core npm install -D sass-embedded Then you have to explicitly say to Nuxt that you are using Bloggrify as an extended module. You can do this by adding the following line in your nuxt.config.js file: extends : [ '@bloggrify/core' , ], Create a basic configuration file Create a new file called app.config.ts in the root of your project. This file will contain the configuration of your theme. This file will override the default configuration of Bloggrify. If you don't specify a configuration, the default configuration will be used. Here is an example of a basic configuration file: export default defineAppConfig ({ url: 'https://neo-minimalist.bloggrify.com/' , theme: 'neo-minimalist' , name: 'Neo-minimalist Demo' , description: 'A minimalist theme for Bloggrify' , }) That's probably not enough for a complete theme, but it's a good start. You can add more configuration options later. Don't forget to read the official documentation to know more about the configuration options. Create the layout for the home page Create a new folder called components/themes/neo-minimalist in the root of your project. This folder will contain the components of your theme. Create a new file called home.vue in the components/themes/neo-minimalist folder. This file will be the layout for the home page. Here is an example of a basic layout file: < template > < div > < header > < h1 > {{ title }} < main > < div > < div > {{ description }} < div > < NuxtLink to = "/archives" > Read all posts < script setup lang = "ts" > defineProps <{ doc : unknown ; docs : unknown ; currentPage : number ; total : number ; category : string ; tag : string ; }>() const config = useAppConfig () const title = config.name const description = config.description Let's explain the code above: The