A statically generated blog example using Next.js and Sitefinity CMS

This is the existing cms-sitefinity plus TypeScript. This example showcases Next.js's Static Generation feature using Sitefinity CMS as the data source.

Demo

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

bash

npx create-next-app --example cms-sitefinity cms-sitefinity-app

bash

yarn create next-app --example cms-sitefinity cms-sitefinity-app

bash

pnpm create next-app --example cms-sitefinity cms-sitefinity-app

First, install and run the CMS Locally.

For the purpose of this demo a ready to use dynamic module was build containing two types - 'Post' and 'Author'.

In order to install it:

By default the web services are not allowed for anonymous users, so the yhave to be enabled.

Go to /sitefinity/Administration/WebServices and edit the 'Default' web service to allow it to be accessible by 'Everyone'

Copy the .env.local.example file in this directory to .env.local (which will be ignored by Git):

bash

cp .env.local.example .env.local

Then set each variable on .env.local

SF_API_URL - This is the url of the 'Default' web service that we configured earlier. E.g. http://locahost/api/default/
SF_URL - This is the URL of the CMS itself. E.g. http://localhost/

bash

npm install
npm run dev

# or

yarn
yarn dev

Your blog should be up and running on http://localhost:3000! If it doesn't work, post on GitHub discussions.