Sendit

Sendit is a polished, marketing website template for NextJS. Browse through a live demo.

Features

• Pre-built pages
• Pre-styled components
• Blog with pagination and category pages
• Configurable navigation and footer
• Multiple hero options
• Configurable theme colors
• Optimised for editing in CloudCannon

Setup

1. Get a workflow going to see your site's output (with CloudCannon or Next.js locally).

Develop

Sendit is built with Next.js (version 13.0.4).

$ npm install
$ npm run dev

Editing

Sendit is set up for adding, updating and removing pages, components, posts, portfolio items, company details and footer elements in CloudCannon.

Posts

• Add, update or remove a post in the Posts collection.
• The Staff Author field links to members in the Staff collection.
• Change the defaults when new posts are created in content/posts/_defaults.md.

Company details

• Reused around the site to save multiple editing locations.
• Set in the Data / Company section.

Nav/footer details

• Reused around the site to save multiple editing locations.
• Set in the Data section with respective names

Theme colors

• Theme colors can be set in Data / Theme
• The main colors are set and variants of them are computed
• The colors will update on the next build

https://bakshiharsh55.medium.com/deploying-a-next-js-application-using-azure-app-service-a841ad54b460

https://learn.microsoft.com/en-us/azure/static-web-apps/deploy-nextjs-hybrid

https://stackoverflow.com/questions/61450307/js-and-css-not-loading-when-hosting-next-application-on-github-pages

https://nextjs.org/docs/pages/building-your-application/data-fetching/client-side