https://github.com/Lorezz/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.
https://github.com/Lorezz/Next-DatoCMS-Template

algolia-search chackra-ui datocms nextjs

Last synced: 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/Lorezz/Next-DatoCMS-Template
• Owner: Lorezz
• Created: 2021-04-28T16:21:10.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-02-18T16:20:02.000Z (over 2 years ago)
• Last Synced: 2024-07-05T14:47:33.111Z (3 months ago)
• Topics: algolia-search, chackra-ui, datocms, nextjs
• Language: JavaScript
• Homepage: https://next-datocms-template.netlify.app
• Size: 1.81 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://chakra-ui.com/) as Ui library, and cotains some samples block from [Chakra Templates](https://chakra-templates.dev/) .

This project contains also some examples from [Framer Motion](https://www.framer.com/docs/examples/).

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

![preview](https://www.datocms-assets.com/47575/1625869520-screenshot-2021-07-10-at-00-24-19.png)

repository: [https://github.com/lorezz/next-datocms-template](https://github.com/lorezz/next-datocms-template)

demo: [https://next-datocms-template.netlify.app](https://next-datocms-template.netlify.app)

# Clone this project

## Solution 1: Clone Dato project then Deploy repository

Clone the Datocms project.

[![Clone DatoCMS project](https://dashboard.datocms.com/clone/button.svg)](https://dashboard.datocms.com/clone?projectId=47575&name=Next-DatoCMS-Template)

Then deploy to Vercel or Netlify:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2FLorezz%2FNext-DatoCMS-Template.git&env=NEXT_PUBLIC_DATO_KEY,SITE_URL&project-name=my-next-datocms-site&repository-name=my-next-datocms-site&demo-title=Next-DatoCMS-Template&demo-description=A%20free%20DatoCMS%20model%20with%20frontend%20code%20blocks%20to%20create%20a%20complete%20site.%20You%20can%20duplicate%20this%20template%20and%20deploy%20the%20frontend%20from%20GitHub.&demo-url=https%3A%2F%2Fnext-datocms-template.netlify.app&demo-image=https%3A%2F%2Fwww.datocms-assets.com%2F47575%2F1625869520-screenshot-2021-07-10-at-00-24-19.png)

[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/lorezz/next-datocms-template#NEXT_PUBLIC_DATO_KEY=YOU-DATOCMS-KEY&SITE_URL=YOUR-NETLIFY-URL)

## Solution 2: Do everything with DatoCMS stater

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

[![Clone DatoCMS project](https://dashboard.datocms.com/clone/button.svg)](https://dashboard.datocms.com/deploy?repo=Lorezz%2FNext-DatoCMS-Template)

# Setup the project in local

```bash

clone [email protected]: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

```