More Premium Hugo Themes Premium Nextjs Themes

Nextjs Demo I18n

Simple multi-language blog built with Next.js and DatoCMS, with real-time updates in preview mode

Nextjs Demo I18n

Simple multi-language blog built with Next.js and DatoCMS, with real-time updates in preview mode

Author Avatar Theme by datocms
Github Stars Github Stars: 8
Last Commit Last Commit: Feb 6, 2025 -
First Commit Created: Jan 11, 2024 -
Nextjs Demo I18n screenshot

Overview

DatoCMS is a REST & GraphQL Headless CMS that allows users to create and distribute online content via API. It is trusted by over 25,000 enterprise businesses, agency partners, and individuals. With DatoCMS, developers, content editors, and marketers can efficiently manage and scale their content creation process.

Features

  • Multi-language support for creating a blog using Next.js and DatoCMS as the data source.
  • Full support for Preview Mode with real-time updates from DatoCMS.
  • One-click deployment setup for quick start.
  • Integration with Github and Vercel for seamless development and deployment workflow.

Installation

Here is a step-by-step guide to installing the DatoCMS theme:

  1. Create an account on DatoCMS.
  2. Set up the Github integration on Vercel.
  3. Click the “Deploy with DatoCMS” button to let DatoCMS set up the project for you.
  4. Once the setup is done, clone the repo locally.
  5. Set up environment variables:
    • Go to the Settings menu in your DatoCMS project and click on API tokens.
    • Click on Read-only API token and copy the token.
    • Copy the .env.example file to .env in the cloned directory.
    • Set the NEXT_EXAMPLE_CMS_DATOCMS_API_TOKEN variable in the .env file to the copied API token.
    • Set the NEXT_EXAMPLE_CMS_DATOCMS_PREVIEW_SECRET variable in the .env file to a random string (avoid spaces).
  6. Run your project locally by executing the command npm run dev or yarn dev.
  7. Access your blog at http://localhost:3000.

Summary

DatoCMS is a powerful REST & GraphQL Headless CMS that provides multi-language support for creating blogs using Next.js. It offers features like Preview Mode with real-time updates and seamless integration with Github and Vercel. By following the installation guide, users can easily set up and run their DatoCMS projects locally. Overall, DatoCMS simplifies the content creation and management process for developers, content editors, and marketers.