Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devmnj/prismic-nuxt-complete-blog

Nuxt-Prismic-headless-cms bloging app using Vue, TailwindCSS
https://github.com/devmnj/prismic-nuxt-complete-blog

blog-engine nuxtjs prismic-cms prismic-javascript prismicio storybook tailwindcss vue vuejs vuejs2 vuex

Last synced: 18 days ago
JSON representation

Nuxt-Prismic-headless-cms bloging app using Vue, TailwindCSS

Awesome Lists containing this project

README

        

# Awesome Nuxt Prismic Blog

## Table of Contents

- [Awesome Nuxt Prismic Blog](#awesome-nuxt-prismic-blog)
- [Table of Contents](#table-of-contents)
- [About ](#about-)
- [Prerequisites](#prerequisites)
- [Using the project ](#using-the-project-a-nameusagea)
- [Prismic Repository ](#prismic-repository-)
- [Setup .env file ](#setup-env-file-)
- [Install dependencies ](#install-dependencies-)
- [Run the Project ](#run-the-project--)

## About

A blog using Prismic CMS and Nuxtjs, ideal for content managers

## Prerequisites

- Vue
- Nuxt
- Nodejs

## Using the project

For using the Nuxt project need to configure the following.

### Prismic Repository

Go to Prismic CMS and start a repository create relevent types and docs used in the project. Setup the env

### Setup .env file

The .env file hold the secrets and API end points. Create .env file at the root of the project with following

````bash
prismicEP =https://REPO_NAME.cdn.prismic.io/api/v2
GID= GOOGLE ANALYTIC_MEASUREMENT_ID
sitemap_host=DOMAIN
DISQ=DISQUS_SHORT_HAND
````

Replace the CAPITALIZED variables with real values

### Install dependencies

Install project dependencies using npm/yarn pacakge manager

````bash
npm install
````

### Run the Project

Ready to run the project, using **yarn dev**