itsrakesh - blog

Browse programming tutorials and articles written by Rakesh Potnuru.

View Example · Report Bug · Request Feature

Table of Contents

1. About The Project
2. Getting Started
   • Prerequisites
   • Installation
3. Contributing
4. License
5. Contact

About The Project

Follow this guide to set up your own instance of this blog.

(back to top)

Built With

• Next.js
• Chakra UI
• GraphCMS

Tools And Technologies Used

• BeyondWords - Audio
• Coil - Web monetization
• Google Analytics
• Google AdSense
• Giscus - A comments system powered by GitHub Discussions.
• Netlify

(back to top)

Getting Started

Setup project locally for development.

Note [Important] These instructions are for development purposes only. Follow this guide to set up your own instance of this blog.

Prerequisites

GraphCMS project set up

• Create or sign in to your GraphCMS account.

• Click the button below to clone the GraphCMS project.

  

• Create or sign in to your Cloudinary account.

• Follow this guide to install Cloudinary UI extension in GraphCMS.

Blog set up

• npm

  npm install npm@latest -g

• Create .env.local file at the root level of the project and copy env variables from .env.example file. You need to fill atleast these three variables for development purpose.

  NEXT_PUBLIC_GRAPHCMS_CONTENT_API_URL=
  NEXT_PUBLIC_GRAPHCMS_AUTH_TOKEN=
  NEXT_PUBLIC_CLOUDINARY_CLOUDNAME=

Installation

1. Fork the repo
2. Clone the repo

   git clone https://github.com/[YOUR_USERNAME]/[YOUR_FORKED_PROJECT_NAME].git

3. Install the dependencies

   yarn

4. Start the development server

   yarn dev

5. Your project will be running at http://localhost:3000

(back to top)

Contributing

Not open for code contributions yet.

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Twitter - @rakesh_at_tweet

Project Link: https://github.com/RakeshPotnuru/Blog

(back to top)