Skip to content

Defite/defite-ghost-next

Repository files navigation

Снимок экрана 2021-08-20 в 11 14 41

This is a personal site project bootstrapped with create-next-app.

Getting Started

  1. Clone the repo & install dependencies:
yarn
  1. Open your Ghost installation, go to Integrations, create new called API (for example) and copy-paste keys to .env file:

CleanShot 2023-04-29 at 02 35 56@2x

NEXT_PUBLIC_GHOST_API=%API URL%
NEXT_PUBLIC_GHOST_API_KEY=%Content API key%
  1. Create new page with home alias. You can leave it empty, but then it will be blank space before "Let's roll" button. Add HTML block:

CleanShot 2023-04-29 at 02 39 54@2x

h1 tag is for the bigger text, h2 - for the small one.

  1. Add blog page. You can leave it empty, you'll need it just for posts list.

  2. Setup your navigation. This is how I made it

CleanShot 2023-04-29 at 02 42 08@2x

  1. Run the development server:
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.