rafaelgoulartb / next-blog-cms

📝 Blog using GraphCMS to manege content and posts. Made with Next.js, Markdown and Chakra UI.

Blog with CMS

Blog using GraphCMS to manege content and posts. Made with Next.js, Markdown and Chakra UI.

_{The Blog project. Built with ❤︎ by Rafael Goulart and contributors}

---

📌 Table of Contents

• Website
• Technologies
• Features
• How to run
• Found a bug? Missing a specific feature?
• Contributing
• License

📥 Layout available at figma community:

👀 Website

👉 https://blogcms.vercel.app/

💻 Technologies

This project was made using the follow technologies:

• Next.js
• Chakra UI
• GraphCMS
• Vercel

🚀 Features

• List Articles
• Show articles
• Edit Articles
• Search
• Pagination

👷 How to run

You need to install Node.js and Yarn first, then:

Rename env file

Rename .env-exemple to .env and add a GRAPHQL_URL_ENDPOINT

Install Dependencies

yarn install

Run Aplication

yarn dev 

Open http://localhost:3000 with your browser to see the result.

🐛 Issues

Feel free to file a new issue with a respective title and description on the the Blog CMS repository. If you already found a solution to your problem, i would love to review your pull request!

---

⬆ Back to Top

🎉 Contributing

First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯

Here's some tips:

• Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
• Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!

Check out the contributing page to see the best places to file issues, start discussions and begin contributing.

📕 License

Released in 2020. This project is under the MIT license.

Made with love by RafaelGoulartB 🚀

next-blog-cms's Issues

Implement Base Layout

Tasks

• Find or create a layout
• Header
• Footer

Refact Code

Implement Search

Add chakra UI and layout

Implement Tests

Description

Implement tests with Jest.

Tasks

• implement test at search results.
• implement test at index page
• implement test at articles page

Improve SEO

• Install and setup https://github.com/garmeeh/next-seo

• Define open graph tags to increase social shareability of content.

• Serve fonts locally using woff and woff2 formats. https://google-webfonts-helper.herokuapp.com/fonts

• Sitemap to help bots to index the website.

• robots.txt to tell the search engines which pages or files the crawler can or can't request from your site.

Implement CMS

• Make the data fetch from GraphCMS

Article Page

Listing Page

• head section
• lastest post
• post listing
• highlight post

Use MDX to post text