Next-DatoCMS-Template

A free to use DatoCMS template and an open-source Next.js sample to create a complete site. You can duplicate this template and deploy the frontend from GitHub.

This project uses Chackra Ui as Ui library, and cotains some samples block from Chakra Templates .

This project contains also some examples from Framer Motion.

Contains examples of how to use DatoCMS Metatags for SEO, StructuredText, ModularContent, Dato ResponsiveImage, Mux video stream, Embedded video from Youtube or Vimeo, Leaflet and Mapbox Map, Code Highlighter, Swiper Carousel and several other useful Blocks.

Features in progress:

• multi language
• datocms full text search
• map sample block

repository: https://github.com/lorezz/next-datocms-template

demo: https://next-datocms-template.netlify.app

Clone this project

Solution 1: Clone Dato project then Deploy repository

Clone the Datocms project.

Then deploy to Vercel or Netlify:

Solution 2: Do everything with DatoCMS stater

This button should start a setup that will guide you during the whole process

Setup the project in local

clone git@github.com:Lorezz/Next-DatoCMS-Template.git MY-PROJECT-NAME
cd MY-PROJECT-NAME
rm -fr *.git #remove all prev git
mv sample-env.local .env.local #and fill your variables
yarn install
yarn dev