Strapi Community Content

This starter provides a complete example of a blog using Strapi as a backend and Vue as a frontend. It uses Apollo (GraphQL) for data fetching and UIkit for responsive design.

Key Features:

• Content Types: Article and Category.
• Permissions: Pre-configured to true for both article and category.
• Sample Data: Includes 2 articles and 3 categories.

Routing Structure:

• /: Displays all articles.
• /article/:id: Displays a single article.
• /category/:id: Displays articles filtered by category.

A standard Gatsby project includes several key configuration and source files:

• src/: Contains front-end code like page templates and components.
• gatsby-config.js: The main configuration file for site metadata (title, description) and plugins.
• gatsby-node.js: Used for implementing Gatsby Node APIs to customize the site build process.
• gatsby-browser.js: Used for implementing Gatsby browser APIs to customize settings affecting the browser.
• gatsby-ssr.js: Used for implementing Gatsby server-side rendering (SSR) APIs.
• package.json: The Node.js manifest file containing project metadata and dependencies.
• package-lock.json: Automatically generated file tracking exact npm dependency versions.
• .prettierrc: Configuration for the Prettier code formatter.

In the Strapi community ecosystem, there is a distinction between templates and starters:

• Template: A Strapi project that includes pre-configured content-types and existing data.
• Starter: A front-end project designed to fetch and display data from a Strapi template project.

You can use official templates (such as E-commerce, Corporate, Blog, Portfolio, or Catalog) to provide the backend structure for your front-end starters.

In this Nuxt project, the layouts/ directory is used to define Application Layouts. Layouts allow you to create reusable structures (like headers, footers, or sidebars) that wrap around your pages.

Note: This directory is optional. If you do not wish to use custom layouts, you can delete this directory.

To run only the Strapi backend, navigate to the backend directory and run the build and develop commands.

cd backend

# Using yarn
yarn build
yarn develop

# Using npm
npm run build
npm run develop

To run only the Vue frontend, navigate to the frontend directory and run the develop command. The Vue server typically runs at http://localhost:3000.

cd frontend

# Using yarn
yarn develop

# Using npm
npm run develop

By default, Strapi uses Google Analytics to analyze Admin usage to help improve the product. If you do not want to share anonymous usage data, you can disable it by adding an allowGa flag to the strapi object within your project's package.json file.

Set allowGa to false to opt-out of tracking.

{
  "strapi": {
    "allowGa": false
  }
}

To create new blog posts, add a new file to the _posts directory. The filename must follow the naming convention YYYY-MM-DD-name-of-post.ext and include the required YAML front matter at the top of the file.

---
layout: post
title:  "Your Post Title"
date:   2023-10-27 12:00:00 +0000
categories: your-category
---

Your post content goes here.