You'll sometimes want CMS users to have more control over the text content so they can style it any way they like. To allow this Netlify CMS has the markdown widget but you'll then need to render that content in JSX. Let's change the Hero title to ma...
We can now edit data using Netlify CMS, while its functional I'm sure you'll agree its not exactly pretty! Lets add some Tailwind CSS to show a Navbar and a Hero section with a custom preview so it looks as if we're editing the actual page when we'r...
We're finally ready to deploy our site to Netlify! Netlify.toml Make a file at the top level of your directory called netlify.toml, and fill it with: [build] command = "npm run build && npm run export" publish = "out" The command here is referrin...
The default method of integrating Netlify CMS with Next.js is not super flexible so lets use an alternative method... We want custom previews so lets use netlify-cms-app. NOTE: If you're not interested in custom previews take a look at the standard N...
We're going to be using markdown to create our pages so lets add a markdown loader: yarn add frontmatter-markdown-loader -D Add markdown content Create a content folder and some sample content: filename: content/index.md --- header: title: Softwa...
Next.js Setup Well setup Next.js using Typescript , ESLint , Prettier and Tailwind CSS. Run the following commands to create a blank next.js project and test its working: yarn create next-app client-cms cd client-cms yarn dev You should see s...
