🚀 LearnCode

LearnCode is a static blog about front-end web development. You can read about different articles posted on this blog.

Table of Contents

• General Info
• Technologies used
• Set up
• feature

General Info

• LearnCode is a static blog about front-end web development.

• You can read about basics of frontend develpment reading different articles posted on this blog.

• It is single page application built with Nextjs.

• Contents are stored in Hygraph which is CMS.

  Screenshot

  Homepage

  

  View Full Image

  Post description page

  

  View Full Image

Technologies used

• Nextjs
• Typescript
• tailwindcss
• @headlessui/react
• graphql
• @apollo/client
• Graphql codegenerator
• hygraph for backend i.e. storing content

Set up

To run this project, first download or clone this repo

create .env.local file and fill

    NEXT_PUBLIC_GRAPHQL_URL={YOUR HYGRAPH CONTENT API URL}
    GRAPHQL_TOKEN={YOUR HYGRAPH PUBLIC CONTENT API TOKEN}
    HOST={`http://localhost:3000` for development {Your hosted domain name} for production}

    // Install dependencies
    npm install
    // Run in development mode
    npm run dev
    // Build
    npm run build
    // Start Build site
    // npm start