👉 Visit the DatoCMS homepage or see What is DatoCMS?

A Blog example using Remix and DatoCMS

This example showcases a Remix Blog using DatoCMS as the data source.

The purpose of this repo is to have a quick start reference that can be set up with the "one-click" button below.

Demo

Have a look at the end result live:

https://remix-example-blog.netlify.app/

How to use

Quick start

Create an account on DatoCMS.
Let DatoCMS set everything up for you clicking this button:

Development

In your DatoCMS' project, go to the Settings menu at the top and click API tokens.

Then click Read-only API token and copy the token.

Next, copy the .env.example file in this directory to .env (which will be ignored by Git):

cp .env.example .env

Then set each variable on .env:

DATOCMS_READONLY_TOKEN should be the API token you just copied.

Your .env file should look like this:

DATOCMS_READONLY_TOKEN=

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

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

datocms / remix-example