Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
/next-cms-ghostPublic template

Publish flaring fast blogs with Next.js and Ghost CMS

License

NotificationsYou must be signed in to change notification settings

styxlab/next-cms-ghost

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

next-cms-ghost

next-cms-ghost

PRs welcome!

The fastest React frontend for headless Ghost CMS.

Create and publish flaring fast blogs withnext-cms-ghost. Powered by the React framework Next.js and content fed by headless Ghost, you'll get a production ready hybrid frontend that combines the best of static and server-rendered sites. Most importantly, your website can be easily distributed globally to be served from the edge. At the same time your content creators can continue to work with the Ghost authoring system they are used to.

 

✨ Features

Ghost CMS integration
  • Supports Ghost `v3` and `v4`
Ghost Casper look & feel
  • Infinite scroll
  • Fully responsive
  • Sticky navigation headers
  • Hover on author avatar
  • Styled 404 page
  • Preview Section in posts
  • Sitemap
  • RSS feed
  • SEO optimized
Extened Casper Styles ✨
  • Dark Mode
  • Featured posts pinned on top
  • Customizable navigation headers
  • Zoom images on click to full-screen
  • Render GitHub Gists
Images with Next/Images 🚀
  • Feature and inline images
  • Auto-optimized images
  • No content shifts due to consistent placeholders
Advanced Routing
  • Auto-detects custom paths
  • Configurable collections
Developer friendly
  • MIT licenced
  • Truly open-source
  • Easy to contribute
  • Made typesafe with TypeScript
Integrated Plugins
  • Member Subscriptions
  • Commenting with Commento or Disqus
  • Syntax highlighting with PrismJS
  • Table Of Contents
  • Contact Page with built-in notification service
  • Google Analytics
NextJS Features
  • Incremental Regeneration
  • Support for Preview

 

🚀 Performance

Lighthouse Score

Scores calculated with Lighthouse 6.4.0.

 

🏁 Getting Started

git clone https://github.com/styxlab/next-cms-ghost.gitcd next-cms-ghostyarn# Developmentyarn dev# Productionyarn build

 

🌀 NextJS image optimizations

TheIMAGE_DOMAINS environment variable must contain a comma separated list of all domains that you use for in-sourcing images. For example:

IMAGE_DOMAINS=res.cloudinary.com,yoursource.imgix.net

Image optimization is automatically turned off when deploying to Netlify, because it is currently on supported on Netlify.

 

🌎 Domain Settings

TheSITE_URL environment variable should be set to the public facing URL of your site, in most cases to your custom domain.

KeyValue (example)
SITE_URLhttps://www.your-blog.org

If you don't specifySITE_URL, it will get populated according to the following defaults:

PlatformSystem ValueConditions
VercelVERCEL_URLAutomatically expose System Environment Variables must be checked
NetlifyURL

In all other casesSITE_URL is set tohttp://localhost:3000.

 

🔑 Ghost Content API keys

All content is sourced from a Ghost CMS. Choose the method according to your build scenario.

Building locally

Create a new text file.env.local in the project root folder with the following content:

CMS_GHOST_API_URL=http://localhost:2368CMS_GHOST_API_KEY=9fccdb0e4ea5b572e2e5b92942

ChangeCMS_GHOST_API_URL andCMS_GHOST_API_KEY with the values that you can generate in your Ghost Admin underIntegrations.

Building with cloud providers

If you build your project with a cloud provider, the best option is to provide the keys with environment variables:

KeyValue (example)
CMS_GHOST_API_URLhttps://your-ghost-cms.org
CMS_GHOST_API_KEY9fccdb0e4ea5b572e2e5b92942

 

💫 Deploy

For best results, deploying to Vercel is recommended. As an alternative, you can also deploy to Netlify.

Deploy with Vercel

Deploy to Netlify

 

🤯 Ensure headless mode of Ghost CMS

For best SEO results it is strongly recommended to disable the default Ghost Handlebars theme front-end by selecting theMake this site private flag within your Ghost admin settings.

 

💣 Reporting issues

Please report all bugs and issues atnext-cms-ghost/issues.

 

🎈 Contributions

PRs are welcome! Consider contributing to this project if you want to make a better web.

Special thanks goes to these wonderful people (emoji key):


Vince Fulco

📖

Manuel Taberna

🌍

Akshat Mittal

💻

christianlauer

🐛

Rahul Suresh

🐛

Miguel Bernard

💻

Stevan Aji

💻

Toan Le

🐛

Davor Budimir

🐛

Simon Holdorf

🐛

Sumit Kumar

🐛

francolamcn

🐛

Charles Chan

💻

Raihan Ameen

🐛

Andy Grunwald

📖

Hikz

💻

Huy

🐛

Laurent Meyer

💻

Garfounkel

💻

Orleando Dassi

💻

Flavio Li Volsi

💻

Nat Ring

💻

VITOR PEREIRA

💻

This project follows theall-contributors specification. Contributions of any kind welcome!

 

🧐 Disclaimer

This project is not affiliated withNextJS orGhost.

 

Copyright & License

Copyright (c) 2020 - 2021 styxlab - Released under theMIT license.


[8]ページ先頭

©2009-2025 Movatter.jp