Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/devmnj/sveltekit-prismic-headless-cms-blog

SvelteKit implementation of Prismic Headless CMS using Graphql API
https://github.com/devmnj/sveltekit-prismic-headless-cms-blog

Last synced: about 1 month ago
JSON representation

SvelteKit implementation of Prismic Headless CMS using Graphql API

Awesome Lists containing this project

README

        

Svelte-Prismic Blog

[![Status](https://img.shields.io/badge/status-active-success.svg)]()
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)

---

This is my personal blog app built with SvelteKit and Prismic CMS.


## 📝 Table of Contents

- [About](#about)
- [Features](#features)
- [Prerequisites](#-prerequisites-)
- [Built Using](#built_using)
- [Authors](#authors)
- [Acknowledgments](#acknowledgement)

## 🧐 About

The goal of the project is to setup complete blog using `SvelteKit` and the Prismic headless CMS. Here is the [demo](http:\\devmnj.vercel.app)

## 🚀 Features
* Dark theme
* Author's can recommend a list of post
* Search includes
* Google Analytic integration
* SEO ready.

## 🧒 Prerequisites

You have to familiar with `Javascript`, `Svelte` and `HTML`,`CSS` in order to work with this project.

## ⌚ Using the project

Fork the repo and install dependencies, that's all you need. ⛏️.
### Install dependencies
```

yarn install
```
### Running the project
```
yarn dev
```


will start the project.

## 🚀 Built Using

- [SvelteKit](http://sveltekit.org/) - SvelteKit
- [graphql-request](https://www.npmjs.com/package/graphql-request) - Graphql Client
- [Tailwind CSS](https://tailwindcss.com/) - CSS Framework
- [Prismic](https://prismic.o.com/) - Headless CMS
- [PrismJS](https://prismjs.com/) - Used For Highlighting Prismic Slice code
- [NodeJs](https://nodejs.org/en/) - Server Environment

## ✍️ Authors and Guides
- [@devmnj](https://github.com/devmnj) - Idea & Initial work
- [JSU](http://javascriptsu.wordpress.com/tag/nextjs) - More guides

## 🎉 Acknowledgements

- [📝 Table of Contents](#table-of-contents)
- [🧐 About ](#about-a-name-abouta)
- [🧒 Prerequisites ](#prerequisites-a-name-prerequisitesa)
- [⌚ Using the project](#using-the-project)
- [Install dependencies](#install-dependencies)
- [Running the project](#running-the-project)
- [🚀 Built Using ](#built-using-a-name-built_usinga)
- [✍️ Authors and Guides](#️-authors-a-name-authorsa-and-guides)
- [🎉 Acknowledgements ](#acknowledgements-a-name-acknowledgementa)

- Thank for awesome `CMS` by Primmic