“We are so happy with DatoCMS. I'm representing Signifly - an agency currently running 20 projects, and will increase with +10 projects per year.”
If your content is always fetched from a single geographical location, there’s no point in building a website with a serverless architecture, that is why DatoCMS and Next.js are so powerful together.
DatoCMS delivers your content from a CDN with edges all around the globe, minimizing latency and providing the fastest content delivery on the market.
AAE
Annaba, Algeria
Distance
ABJ
Abidjan, Ivory Coast
Distance
ABQ
Albuquerque, United States
Distance
ACC
Accra, Ghana
Distance
ADB
Izmir, Turkey
Distance
ADD
Addis Ababa, Ethiopia
Distance
ADL
Adelaide, SA, Australia
Distance
AKL
Auckland, New Zealand
Distance
AKX
Aktobe, Kazakhstan
Distance
ALA
Almaty, Kazakhstan
Distance
ALG
Algiers, Algeria
Distance
AMD
Ahmedabad, India
Distance
AMM
Amman, Jordan
Distance
AMS
Amsterdam, Netherlands
Distance
ANC
Anchorage, United States
Distance
ARI
Arica, Chile
Distance
ARN
Stockholm, Sweden
Distance
ARU
Aracatuba, Brazil
Distance
ASK
Yamoussoukro, Ivory Coast
Distance
ASU
Asunción, Paraguay
Distance
ATH
Athens, Greece
Distance
ATL
Atlanta, GA, United States
Distance
AUS
Austin, United States
Distance
BAH
Manama, Bahrain
Distance
BAQ
Barranquilla, Colombia
Distance
BBI
Bhubaneswar, India
Distance
BCN
Barcelona, Spain
Distance
BEG
Belgrade, Serbia
Distance
BEL
Belém, Brazil
Distance
BEY
Beirut, Lebanon
Distance
BGI
Bridgetown, Barbados
Distance
BGR
Bangor, United States
Distance
BGW
Baghdad, Iraq
Distance
BHY
Beihai, China
Distance
BKK
Bangkok, Thailand
Distance
BLR
Bangalore, India
Distance
BNA
Nashville, United States
Distance
BNE
Brisbane, QLD, Australia
Distance
BNU
Blumenau, Brazil
Distance
BOD
Bordeaux, France
Distance
BOG
Bogota, Colombia
Distance
BOM
Mumbai, India
Distance
BOS
Boston, MA, United States
Distance
BRU
Brussels, Belgium
Distance
BSB
Brasilia, Brazil
Distance
BSR
Basra, Iraq
Distance
BTS
Bratislava, Slovakia
Distance
BUD
Budapest, Hungary
Distance
BUF
Buffalo, NY, United States
Distance
BWN
Bandar Seri Begawan, Brunei
Distance
CAI
Cairo, Egypt
Distance
CAN
Guangzhou, China
Distance
CAW
Campos dos Goytacazes, Brazil
Distance
CBR
Canberra, ACT, Australia
Distance
CCU
Kolkata, India
Distance
CDG
Paris, France
Distance
CEB
Cebu, Philippines
Distance
CFC
Cacador, Brazil
Distance
CGB
Cuiaba, Brazil
Distance
CGD
Changde, China
Distance
CGK
Jakarta, Indonesia
Distance
CGO
Zhengzhou, China
Distance
CGP
Chittagong, Bangladesh
Distance
CGY
Cagayan de Oro, Philippines
Distance
CHC
Christchurch, New Zealand
Distance
CKG
Chongqing, China
Distance
CLE
Cleveland, United States
Distance
CLO
Cali, Colombia
Distance
CLT
Charlotte, NC, United States
Distance
CMB
Colombo, Sri Lanka
Distance
CMH
Columbus, OH, United States
Distance
CNF
Belo Horizonte, Brazil
Distance
CNN
Kannur, India
Distance
CNX
Chiang Mai, Thailand
Distance
COK
Kochi, India
Distance
COR
Córdoba, Argentina
Distance
CPH
Copenhagen, Denmark
Distance
CPT
Cape Town, South Africa
Distance
CRK
Tarlac City, Philippines
Distance
CSX
Changsha, China
Distance
CTU
Chengdu, China
Distance
CWB
Curitiba, Brazil
Distance
CZX
Changzhou, China
Distance
DAC
Dhaka, Bangladesh
Distance
DAD
Da Nang, Vietnam
Distance
DAR
Dar es Salaam, Tanzania
Distance
DEL
New Delhi, India
Distance
DEN
Denver, CO, United States
Distance
DFW
Dallas, TX, United States
Distance
DKR
Dakar, Senegal
Distance
DLC
Dalian, China
Distance
DME
Moscow, Russia
Distance
DMM
Dammam, Saudi Arabia
Distance
DOH
Doha, Qatar
Distance
DPS
Denpasar, Indonesia
Distance
DTW
Detroit, MI, United States
Distance
DUB
Dublin, Ireland
Distance
DUR
Durban, South Africa
Distance
DUS
Düsseldorf, Germany
Distance
DXB
Dubai, United Arab Emirates
Distance
EBB
Kampala, Uganda
Distance
EBL
Erbil, Iraq
Distance
EDI
Edinburgh, United Kingdom
Distance
EVN
Yerevan, Armenia
Distance
EWR
Newark, NJ, United States
Distance
EZE
Buenos Aires, Argentina
Distance
FCO
Rome, Italy
Distance
FIH
Kinshasa, DR Congo
Distance
FLN
Florianopolis, Brazil
Distance
FOC
Fuzhou, China
Distance
FOR
Fortaleza, Brazil
Distance
FRA
Frankfurt, Germany
Distance
FSD
Sioux Falls, South Dakota
Distance
FUK
Fukuoka, Japan
Distance
FUO
Foshan, China
Distance
GBE
Gaborone, Botswana
Distance
GDL
Guadalajara, Mexico
Distance
GEO
Georgetown, Guyana
Distance
GIG
Rio de Janeiro, Brazil
Distance
GND
St. George's, Grenada
Distance
GOT
Gothenburg, Sweden
Distance
GRU
São Paulo, Brazil
Distance
GUA
Guatemala City, Guatemala
Distance
GUM
Hagatna, Guam
Distance
GVA
Geneva, Switzerland
Distance
GYD
Baku, Azerbaijan
Distance
GYE
Guayaquil, Ecuador
Distance
GYN
Goiania, Brazil
Distance
HAK
Chengmai, China
Distance
HAM
Hamburg, Germany
Distance
HAN
Hanoi, Vietnam
Distance
HBA
Hobart, Australia
Distance
HEL
Helsinki, Finland
Distance
HFA
Haifa, Israel
Distance
HGH
Shaoxing, China
Distance
HKG
Hong Kong
Distance
HNL
Honolulu, HI, United States
Distance
HRE
Harare, Zimbabwe
Distance
HYD
Hyderabad, India
Distance
HYN
Taizhou, China
Distance
IAD
Ashburn, VA, United States
Distance
IAH
Houston, TX, United States
Distance
ICN
Seoul, South Korea
Distance
IND
Indianapolis, IN, United States
Distance
ISB
Islamabad, Pakistan
Distance
IST
Istanbul, Turkey
Distance
ISU
Sulaymaniyah, Iraq
Distance
ITJ
Itajai, Brazil
Distance
IXC
Chandigarh, India
Distance
JAX
Jacksonville, FL, United States
Distance
JDO
Juazeiro do Norte, Brazil
Distance
JED
Jeddah, Saudi Arabia
Distance
JHB
Johor Bahru, Malaysia
Distance
JIB
Djibouti, Djibouti
Distance
JNB
Johannesburg, South Africa
Distance
JOG
Yogyakarta, Indonesia
Distance
JOI
Joinville, Brazil
Distance
JXG
Jiaxing, China
Distance
KBP
Kyiv, Ukraine
Distance
KCH
Kuching, Malaysia
Distance
KEF
Reykjavík, Iceland
Distance
KGL
Kigali, Rwanda
Distance
KHH
Kaohsiung City, Taiwan
Distance
KHI
Karachi, Pakistan
Distance
KHN
Nanchang, China
Distance
KIN
Kingston, Jamaica
Distance
KIV
Chișinău, Moldova
Distance
KIX
Osaka, Japan
Distance
KJA
Krasnoyarsk, Russia
Distance
KMG
Kunming, China
Distance
KNU
Kanpur, India
Distance
KTM
Kathmandu, Nepal
Distance
KUL
Kuala Lumpur, Malaysia
Distance
KWE
Guiyang, China
Distance
KWI
Kuwait City, Kuwait
Distance
LAD
Luanda, Angola
Distance
LAS
Las Vegas, NV, United States
Distance
LAX
Los Angeles, CA, United States
Distance
LCA
Nicosia, Cyprus
Distance
LED
Saint Petersburg, Russia
Distance
LHE
Lahore, Pakistan
Distance
LHR
London, United Kingdom
Distance
LIM
Lima, Peru
Distance
LIS
Lisbon, Portugal
Distance
LLK
Astara, Azerbaijan
Distance
LOS
Lagos, Nigeria
Distance
LPB
La Paz, Bolivia
Distance
LUN
Lusaka, Zambia
Distance
LUX
Luxembourg City, Luxembourg
Distance
LYS
Lyon, France
Distance
MAA
Chennai, India
Distance
MAD
Madrid, Spain
Distance
MAN
Manchester, United Kingdom
Distance
MAO
Manaus, Brazil
Distance
MBA
Mombasa, Kenya
Distance
MCI
Kansas City, MO, United States
Distance
MCT
Muscat, Oman
Distance
MDE
Medellín, Colombia
Distance
MEL
Melbourne, VIC, Australia
Distance
MEM
Memphis, TN, United States
Distance
MEX
Mexico City, Mexico
Distance
MFE
McAllen, TX, United States
Distance
MFM
Macau
Distance
MIA
Miami, FL, United States
Distance
MLE
Male, Maldives
Distance
MNL
Manila, Philippines
Distance
MPM
Maputo, Mozambique
Distance
MRS
Marseille, France
Distance
MRU
Port Louis, Mauritius
Distance
MSP
Minneapolis, MN, United States
Distance
MSQ
Minsk, Belarus
Distance
MUC
Munich, Germany
Distance
MXP
Milan, Italy
Distance
NAG
Nagpur, India
Distance
NBO
Nairobi, Kenya
Distance
NJF
Najaf, Iraq
Distance
NNG
Nanning, China
Distance
NOU
Noumea, New Caledonia
Distance
NQN
Neuquen, Argentina
Distance
NQZ
Astana, Kazakhstan
Distance
NRT
Tokyo, Japan
Distance
NVT
Timbo, Brazil
Distance
OKA
Naha, Japan
Distance
OKC
Oklahoma City, United States
Distance
OMA
Omaha, NE, United States
Distance
ORD
Chicago, IL, United States
Distance
ORF
Norfolk, VA, United States
Distance
ORK
Cork, Ireland
Distance
ORN
Oran, Algeria
Distance
OSL
Oslo, Norway
Distance
OTP
Bucharest, Romania
Distance
OUA
Ouagadougou, Burkina Faso
Distance
PAT
Patna, India
Distance
PBH
Thimphu, Bhutan
Distance
PBM
Paramaribo, Suriname
Distance
PDX
Portland, OR, United States
Distance
PER
Perth, WA, Australia
Distance
PHL
Philadelphia, United States
Distance
PHX
Phoenix, AZ, United States
Distance
PIT
Pittsburgh, PA, United States
Distance
PKX
Langfang, China
Distance
PMO
Palermo, Italy
Distance
PMW
Palmas, Brazil
Distance
PNH
Phnom Penh, Cambodia
Distance
POA
Porto Alegre, Brazil
Distance
POS
Port of Spain, Trinidad and Tobago
Distance
PPT
Tahiti, French Polynesia
Distance
PRG
Prague, Czech Republic
Distance
PTY
Panama City, Panama
Distance
QRO
Queretaro, MX, Mexico
Distance
QWJ
Americana, Brazil
Distance
RAO
Ribeirao Preto, Brazil
Distance
RDU
Durham, United States
Distance
REC
Recife, Brazil
Distance
RIC
Richmond, VA, United States
Distance
RIX
Riga, Latvia
Distance
RUH
Riyadh, Saudi Arabia
Distance
RUN
Saint-Denis, Réunion
Distance
SAN
San Diego, CA, United States
Distance
SAP
San Pedro Sula, Honduras
Distance
SAT
San Antonio, United States
Distance
SCL
Santiago, Chile
Distance
SDQ
Santo Domingo, Dominican Republic
Distance
SEA
Seattle, WA, United States
Distance
SFO
San Francisco, United States
Distance
SGN
Ho Chi Minh City, Vietnam
Distance
SHA
Shanghai, China
Distance
SIN
Singapore, Singapore
Distance
SJC
San Jose, CA, United States
Distance
SJK
São José dos Campos, Brazil
Distance
SJO
San José, Costa Rica
Distance
SJP
São José do Rio Preto, Brazil
Distance
SJU
San Juan, Puerto Rico
Distance
SJW
Shijiazhuang, China
Distance
SKG
Thessaloniki, Greece
Distance
SKP
Skopje, North Macedonia
Distance
SLC
Salt Lake City, UT, United States
Distance
SMF
Sacramento, CA, United States
Distance
SOD
Sorocaba, Brazil
Distance
SOF
Sofia, Bulgaria
Distance
SSA
Salvador, Brazil
Distance
STI
Santiago de los Caballeros, Dominican Republic
Distance
STL
St. Louis, MO, United States
Distance
STR
Stuttgart, Germany
Distance
SUV
Suva, Fiji
Distance
SYD
Sydney, NSW, Australia
Distance
SZX
Shenzhen, China
Distance
TAO
Qingdao, China
Distance
TBS
Tbilisi, Georgia
Distance
TEN
Tongren, China
Distance
TGU
Tegucigalpa, Honduras
Distance
TIA
Tirana, Albania
Distance
TLH
Tallahassee, FL, United States
Distance
TLL
Tallinn, Estonia
Distance
TLV
Tel Aviv, Israel
Distance
TNA
Zibo, China
Distance
TNR
Antananarivo, Madagascar
Distance
TPA
Tampa, United States
Distance
TPE
Taipei
Distance
TUN
Tunis, Tunisia
Distance
TXL
Berlin, Germany
Distance
TYN
Yangquan, China
Distance
UDI
Uberlandia, Brazil
Distance
UIO
Quito, Ecuador
Distance
ULN
Ulaanbaatar, Mongolia
Distance
URT
Surat Thani, Thailand
Distance
VCP
Campinas, Brazil
Distance
VIE
Vienna, Austria
Distance
VIX
Vitoria, Brazil
Distance
VNO
Vilnius, Lithuania
Distance
VTE
Vientiane, Laos
Distance
WAW
Warsaw, Poland
Distance
WDH
Windhoek, Namibia
Distance
XAP
Chapeco, Brazil
Distance
XFN
Xiangyang, China
Distance
XIY
Baoji, China
Distance
XNH
Nasiriyah, Iraq
Distance
XNN
Xining, China
Distance
YHZ
Halifax, Canada
Distance
YOW
Ottawa, Canada
Distance
YUL
Montréal, QC, Canada
Distance
YVR
Vancouver, BC, Canada
Distance
YWG
Winnipeg, MB, Canada
Distance
YXE
Saskatoon, SK, Canada
Distance
YYC
Calgary, AB, Canada
Distance
YYZ
Toronto, ON, Canada
Distance
ZAG
Zagreb, Croatia
Distance
ZDM
Ramallah
Distance
ZGN
Zhongshan, China
Distance
ZRH
Zurich, Switzerland
Distance
GraphQL Content API
Ask for what you need, get exactly that
Our Content Delivery API is built with GraphQL. That means powerful developer tools, multiple resources in a single request and complete control over the data your website downloads. The perfect solution for a Next.js CMS.
Read more about our GraphQL API{}
Next.js images
State of the art for responsive and progressive images
Serving optimized images is incredibly hard, but using our GraphQL Content API and our React component, you can implement lazy loaded, responsive images in one line of code. Avoid any layout jumping, offer instant previews of images while they load. It’s like magic.
Read more about our React components!
Before
Next.js with DatoCMS
Next.js CMS example
Next.js preview mode + DatoCMS Preview API = Content editors happiness
Since Next.js 9.3 you can take advantage of Preview Mode: that means now you can go static (and hyper-fast) with visitors and dynamic with content editors, giving them instant previews for their edits.
That’s the best of both worlds, and pairs wonderfully with our GraphQL Preview endpoint.
import { request } from 'graphql-request'const query = `{ movie(filter: { title: { eq: "Inception" } }) { releaseDate actors { name } }}`export async function getStaticProps({ preview }) { // If context.preview is true, append "/preview" to the API endpoint // to request draft data instead of published data. const endpoint = preview ? 'https://graphql.datocms.com/preview' : 'https://graphql.datocms.com/' const { movie } = await request(endpoint, query); return { props: { movie }; }}export default MoviePage({ movie }) { ...}Create new Blog post
Title
The Best Video Games to Play
Author
Dan Poe
Content
Text
Lorem ipsum....
Gallery
Text
Lorem ipsum....
CTA label
Try it now!
CTA URL
http://...
Quote
Lorem ipsum....
Author
Steve Jobs
Add a new block:
Text
Gallery
Quote
Call to action
A component-centric CMS, just like Next.js
Using components is one of the perks of using React and Next.js. That is why a CMS should think and behave just like that. Our component-based approach allows developers to clearly divide work amongst themselves and editors to immediately visualize a wireframe, ultimately providing a scalable and customizable experience.
Try our Project starter
Start your new Next.js project in minutes
Learn from our best-practice project. Fully configured and deployed on Vercel. Source included.
We power experiences for over half a billion users