GithubHelp home page GithubHelp logo

kiran-brahma / astro-starter-ghost Goto Github PK

View Code? Open in Web Editor NEW

This project forked from phildl/astro-starter-ghost

0.0 0.0 0.0 1.07 MB

A starter template to build lightning fast websites with Ghost and Astro

Home Page: https://astro-starter-ghost.netlify.app

License: MIT License

JavaScript 0.88% TypeScript 4.61% SCSS 14.63% Astro 79.88%

astro-starter-ghost's Introduction

Astro - Starter Ghost

Netlify Status

A starter template to build super fast websites with Ghost and Astro

Live Demo: https://astro-starter-ghost.netlify.app/

Features

Using Astro latest versions

Currently using [email protected]*

Routes

The routes are the same as a standard Ghost Blog so you can migrate to Astro easily.

Route Content
/ Homepage with recents/features Blog Posts
/[slug] Post or Page
/author/[slug] Author page with related posts
/authors All the authors
/tag[slug] Tag page with related posts
/tags All the tags
/archives/[...page] All the posts, paginated

Ghost Casper theme and SCSS

Basic Ghost Theme converted from Handlebar version to this Astro version. CSS Classes are the same but the styles have been scoped to their respective components. It is in the process of being fully converted to SCSS.

Development Instructions

git clone https://github.com/PhilDL/astro-starter-ghost.git
cd astro-starter-ghost
yarn

# Development
yarn dev

# Production
yarn build

Ghost API Key

You will need to create a new integration in your Ghost backend and note the Ghost URL and Content API Key.

Then, for local developpement rename the .env.test to .env and fill it with the Ghost URL and API Key:

PUBLIC_GHOST_URL=https://astro-starter.digitalpress.blog
PUBLIC_GHOST_KEY=e9b414c5d95a5456a647ff04ab

If you Deploy on Netlify, Vercel, etc you will have to set the same environement variables.

astro-starter-ghost's People

Contributors

phildl avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.