Code Monkey home page Code Monkey logo

blog's Introduction

Blog For Vita

Setup for Local Development

  • Firstly Install nvm (Node Version Manager) and instal Node version 18.x and 16.x since the frontend and backend use two separate versions.
  • run npm install in the project root directory and inside the /backend directory (don't forget to switch to Node v16.x when installing dependencies or running the strapi environment inside /backend).
  • within the /backend directory find .env.example, make a .env file resembling the example file, for,
APP_KEYS="toBeModified1,toBeModified2"
API_TOKEN_SALT=tobemodified
ADMIN_JWT_SECRET=tobemodified
JWT_SECRET=tobemodified

replace tobemodified with any random base64 string (you can find many base64 generators online).

  • populate the strapi server with some dummy content before making api calls.

  • In the project root create an .env.development file and populate it with the following fields,

      STRAPI_TOKEN=<your api key here>
      STRAPI_API_URL=http://127.0.0.1:1337
    
  • To generate your own API Key start the strapi development server within /backend with npm run develop, head over to admin panel localhost:1337/admin and create an account and wait for the admin to assign you permissions to create your own API key.

  • To start the frontend run gatsby develop in the root (remember to install gatsby globally with npm install -g gatsby-cli)

blog's People

Contributors

lalit3716 avatar senor-ducky avatar

Stargazers

 avatar

Forkers

senor-ducky

blog's Issues

[UI]: Add a footer

Make this kind of footer:-

  • Make it dark-themed as the main app.
  • Add Discord, Email, and Github Icons only in the footer

Make Navbar Responsive

The navbar looks good on the bigger screen.

  • Make the navbar look good on mobile devices.
  • Show Nav-Links inside a drawer on mobile devices.
  • (Optional): Animate the drawer opening and closing.

Make a blog site for Vita

Description

We would like to have a blog site for the Vita app for writing technical blogs expressing the journey of the project!

This would be hosted on a different subdomain like blog.vita.com

Example : https://blog.adplist.org/

  • Discussion on which headless CMS to use & why (Gatsby, Ghost, Strapi, Netlify, WordPress, etc)
  • It should be cheap (ideally free)
  • I should be easily integrated with React
  • Adding blogs should be as easily as this would be managed by non-technical people

Domain

Front-End (Styling/Markup)

Code of Conduct

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.