How I built my Blog with NextJs, Chakra UI, and GraphCMS?

• blog

  2 26 3.2 JavaScript

  Browse programming tutorials and articles written by Rakesh Potnuru. Learn Web Development, Web3 and Technical writing. (by RakeshPotnuru)

Code is Open Source - GitHub repo (Star⭐ it)

• react-markdown

  48 12,167 7.2 JavaScript

  Markdown component for React

  

The Article page contains the actual article. I used react-markdown npm package to render markdown. It's an amazing tool, supports remark plugins, and safely converts markdown to HTML. You can also write GitHub-flavoured markdown. I will soon add embeds support. This page contains breadcrumb, last-updated date, read-time, featured image, published date, author photo, and name, audio article, article content, discussion/comment section and two suggested articles.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vercel

  477 12,121 9.8 TypeScript

  Develop. Preview. Ship.

  

Vercel

• Next.js

  2,037 120,313 10.0 JavaScript

  The React Framework

  

Next.js

• Google Fonts

  491 17,520 9.9 HTML

  Font files available from Google Fonts, and a public issue tracker for all things Google Fonts

  

Google Fonts: Poppins for the body of the website.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project