Personal Blogfolio, build with Ghost and NextJS
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
We use Ghost as a Content Management System (CMS) to manage our blog posts. To launch ghost, cd
into the ghost
directory,
and run ghost in a local docker.
`docker run -d --name ghost-blog -e NODE_ENV=development -e url=http://localhost:3002/blog \
-e database__connection__filename='/var/lib/ghost/content/data/ghost.db' -p 3002:2368 -v <dir>:/var/lib/ghost/content ghost`
Open http://localhost:3002 with your browser to see the result. Go to http://localhost:3002/ghost for the admin panel
In order to publish this Ghost + NextJS frankensite, we want to:
- Generate static pages for blog posts using
gssg
. - Move the static folder into the public dir
- Publish on site of choosing (Cloudflare pages or netlify)