Installation
Easy installation
First, you need to create a new Nuxt application. You can do this by running the following command:
npx nuxi@latest init myblog
Then, you need to install the dependencies:
cd myblog # the blog you just created
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
You should create a default configuration file in the root of your project: app.config.ts.
The first configuration you should add is the theme of your website.
export default defineAppConfig({
theme: 'minimalist',
})
It's enough to test locally, but you should read more about the configuration options here.
Create your first content
By default, there is no content in your project.
Start by creating a new folder called content in the root of your project. This folder will contain all the content of your website.
Create your index page by creating a new file called index.md in the content folder.
---
title: Welcome to Bloggrify
description: A simple blog with Bloggrify
layout: home
listed: false
---
Later, you'll add more content.
Remove the default app.vue
You should remove the default app.vue file provided by Nuxt init.
rm app.vue
Test your blog
You can run the development server on http://localhost:3000 and start with the default template.
npm run dev