NextJS & Sanity blog proof of concept.
Since COP26 is on these days (Nov 2021), I thought I would use some dummy content with reference to some of the consequences of global warming.
- Header with editable site title & description
- Blog index with featured image, title, category, excerpt, published date and author
- Blog post template with the same features as the blog index but rich text instead of the excerpt
- The blog post template also feature a
likebutton (server side function) - Minimal style, no css framework
- Footer
- Mobile friendly (needless to say)
- Images from Unsplash, see
altattributs for credits - Baumans and Montserrat Google fonts
- Hosted on Vercel (for free)
- Integration with Sanity, the unified content platform (free tier)
- Singleton with site settings
- Custom meta tag description for SEO
- Dynamically generated titles for
<title>tags - FormatDate component https://github.com/eugelogic/glasgow/blob/main/components/FormatDate.js
- Create, edit, unpublish, duplicate or delete posts, authors and categories via the UI
- Deploy directly form the UI with the Sanity Vercel deploy plugin
- Option to deploy to
stagingwith dedicated url eg https://glasgow-qoc6w3fse-eugelogic.vercel.app/
Here are some screenshots showing the Sanity CMS area
Features to be added on the next iteration.
- Real time edit content preview on front end (https://www.sanity.io/guides/nextjs-live-preview)
- SEO optimisation for posts
- Pagination for blog index
- Static pages, ie: About & Contact
- Website menu navigation
- Tailwind CSS styling
This project was mainly inspired by Learn Next.js and Make React Development Simpler