Next.js for Drupal

Next-generation front-end for your Drupal site.

Demo

https://demo.next-drupal.org

Documentation

https://next-drupal.org

Deploy to Vercel

Example

A page with all "Article" nodes.

import{DrupalClient}from"next-drupal"

constdrupal=newDrupalClient("https://cms.next-drupal.org")

exportdefaultfunctionBlogPage({articles}){
return(
<div>
{articles?.length
?nodes.map((node)=>(
<divkey={node.id}>
<h1>{node.title}</h1>
</div>
))
:null}
</div>
)
}

exportasyncfunctiongetStaticProps(context){
constarticles=awaitdrupal.getResourceCollectionFromContext(
"node--article",
context
)

return{
props:{
articles,
},
}
}

Supporting organizations

Development sponsored byChapter Three

Contributing

If you're interested in contributing to Next.js for Drupal, please read thecontributing guidelinesbefore submitting a pull request.