https://github.com/buttercms/blog-engine-to-pages-example-site
Migrate from Blog Engine to Pages Example Site
https://github.com/buttercms/blog-engine-to-pages-example-site
Last synced: 12 months ago
JSON representation
Migrate from Blog Engine to Pages Example Site
- Host: GitHub
- URL: https://github.com/buttercms/blog-engine-to-pages-example-site
- Owner: ButterCMS
- Created: 2023-07-07T16:13:13.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-03T15:37:43.000Z (over 2 years ago)
- Last Synced: 2025-02-22T17:41:11.908Z (over 1 year ago)
- Language: JavaScript
- Size: 66.4 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# blog-engine-to-pages-example-site
Migrate from Blog Engine to Pages Example Site
This repository contains a Next.js site that demonstrates how to display content from a custom blog pages type in ButterCMS.
It also has a `/migrate` page that demonstrates how to migrate content from a custom blog engine to ButterCMS with Next.js API routes.
Preview -
> Developed by [Miracle Onyenma](https://www.linkedin.com/in/miracleio/) for ButterCMS.
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
Create a `.env` file with the following contents:
```bash
BUTTERCMS_WRITE_TOKEN=enter_your_write_token
BUTTERCMS_READ_TOKEN=enter_your_read_token
BUTTERCMS_API_URL=https://api.buttercms.com/v2
```
Then, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
## Important Note
This project was created as an example use case of ButterCMS in conjunction with a blog article, [How to Migrate Content from the Blog Engine to Custom Pages Using the Write API](https://buttercms.com/kb/migrate-from-blog-engine-to-custom-pages-using-write-api/), and will not be actively maintained.
If you're interested in exploring the best, most up-to-date way to integrate Butter into projects, you can check out the following resources:
### Starter Projects
The following turn-key starters are fully integrated with dynamic sample content from your ButterCMS account, including main menu, pages, blog posts, categories, and tags, all with a beautiful, custom theme with already-implemented search functionality. All of the included sample content is automatically created in your account dashboard when you sign up for a free trial of ButterCMS.
- [Nuxt.js Starter](https://buttercms.com/starters/nuxtjs-starter-project/)
- [Angular Starter](https://buttercms.com/starters/angular-starter-project/)
- [React Starter](https://buttercms.com/starters/react-starter-project/)
- [Vue.js Starter](https://buttercms.com/starters/vuejs-starter-project/)
- Or see a list of all our [currently-maintained starters](https://buttercms.com/starters/)
### Other Resources
- Check out the [official ButterCMS Docs](https://buttercms.com/docs/)
- Check out the [official ButterCMS API docs](https://buttercms.com/docs/api/)