https://github.com/buttercms/multilingual-website-nextjs
Next.js Tutorial: Building a Multilingual Website with ButterCMS
https://github.com/buttercms/multilingual-website-nextjs
Last synced: 7 days ago
JSON representation
Next.js Tutorial: Building a Multilingual Website with ButterCMS
- Host: GitHub
- URL: https://github.com/buttercms/multilingual-website-nextjs
- Owner: ButterCMS
- Created: 2021-11-04T17:35:34.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-19T16:52:44.000Z (over 3 years ago)
- Last Synced: 2026-05-25T12:39:22.808Z (about 1 month ago)
- Language: JavaScript
- Size: 68.4 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multilingual website using Next.js
Next.js Tutorial: Building a Multilingual Website with ButterCMS
## Important Notice
This project was created as an example use case of ButterCMS in conjunction with a blog article, [Next.js Localization: How to Build a Multilingual Website with Next-Intl](https://buttercms.com/blog/nextjs-localization/), and will not be actively maintained.
If you’re interested in exploring the best, most up-to-date way to integrate Butter into javascript frameworks like Next.js, 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.
- [Next.js Starter](https://buttercms.com/starters/nextjs-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/). (Over a dozen and counting!)
### Other Resources
- Check out the [official ButterCMS Docs](https://buttercms.com/docs/)
- Check out the [official ButterCMS API docs](https://buttercms.com/docs/api/)
## Demo
A demo of this application is hosted [here](https://nextjs-buttercms-i18n.vercel.app/).
## Requirements
1. [Node.js](https://nodejs.org/)
2. [npm](https://www.npmjs.com/)
## Installation
### 1. **Clone the application**
```sh
git clone https://github.com/ButterCMS/multilingual-website-nextjs
```
### 2. **Install all dependencies**
```sh
yarn install
```
### 3. **Start the application**
From the project root, we can run the following command to start our application:
```sh
yarn dev
```
The above command will start the application on [http://localhost:3000/](http://localhost:3000).