Zebraslive / next-event-coverage-liveblog

A Next.js project demonstrating the use of DatoCMS Real-time Updates API.

👉 Visit the DatoCMS homepage or see What is DatoCMS?

This is a Next.js project bootstrapped with create-next-app, demonstrating the use of DatoCMS Real-time Updates API.

Final result

Demo here: https://next-event-coverage-liveblog.vercel.app/

Deploy this demo project for free!

Click this button to test and deploy this demo project to Vercel, along with a fully configured DatoCMS project and a Github repo:

Learn More

To learn more about how to integrate DatoCMS with your Next.js project, take a look at the following resources:

• DatoCMS + Next.js Integration Guide
• How to use DatoCMS Real-time updates API with Next.js
• react-datocms — A set of React components/hooks that help you integrate DatoCMS with any React project

Starting the development server

First, create a .env.local and put a NEXT_PUBLIC_DATOCMS_API_TOKEN env variable containing the API token of your DatoCMS project:

echo NEXT_PUBLIC_DATOCMS_API_TOKEN=<YOUR_API_TOKEN> > .env.local

Then, run the development server:

npm run dev
# or
yarn dev

Open 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.

---

What is DatoCMS?

DatoCMS is the REST & GraphQL Headless CMS for the modern web.

Trusted by over 25,000 enterprise businesses, agency partners, and individuals across the world, DatoCMS users create online content at scale from a central hub and distribute it via API. We ❤️ our developers, content editors and marketers!

Quick links:

• ⚡️ Get started with a free DatoCMS account
• 🔖 Go through the docs
• ⚙️ Get support from us and the community
• 🆕 Stay up to date on new features and fixes on the changelog

Our featured repos:

• datocms/react-datocms: React helper components for images, Structured Text rendering, and more
• datocms/js-rest-api-clients: Node and browser JavaScript clients for updating and administering your content. For frontend fetches, we recommend using our GraphQL Content Delivery API instead.
• datocms/cli: Command-line interface that includes our Contentful importer and Wordpress importer
• datocms/plugins: Example plugins we've made that extend the editor/admin dashboard
• datocms/gatsby-source-datocms: Our Gatsby source plugin to pull data from DatoCMS
• Frontend examples in different frameworks: Next.js, Vue and Nuxt, Svelte and SvelteKit, Astro, Remix. See all our starter templates.

Or see all our public repos