Gilbishkosma

-> Store Everything in UTC
-> Select a specific timezone (Asia/Kolkata, Asia/Dubai)

Step1 (Fronted): User enters the datetime (Locale)
Step2 (Backend): Convert it to your desired timezone (Can be used to schedule for a specific timezone) (Optional)
Step3 (Backend): Convert it to UTC 
Step4 (Backend): Save it to the DB
Step5 (Frontend): Fetch & convert the UTC time to the locale time of user.

Gilbishkosma

## Typescript project start
yarn create react-app . --template typescript

## Add material UI
yarn add @mui/material @emotion/react @emotion/styled

## Add React Testing library
yarn add @testing-library/react

Gilbishkosma

## Required
yarn add koa koa-router koa-views koa-body ejs nodemon

## If type orm used
yarn add -D @types/koa @types/koa-router  @types/koa-views


## TypeScript sometimes not able to transcript body from ctx.request.body
For that add this in tscongig:
"compilerOptions": {

Gilbishkosma

#step1 : Get NVM (Node Version Manger)

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash

#step2 :  Install the version of node.js you need

nvm install v12.16.1

#step3 :  Enjoy the rest of your day!

Gilbishkosma

gatsby-plugin-emotion  #https://www.gatsbyjs.org/packages/gatsby-plugin-emotion/  #for styled components
gatsby-plugin-sharp   #https://www.gatsbyjs.org/packages/gatsby-plugin-sharp/   #Exposes several image processing functions 
gatsby-transformer-sharp #https://www.gatsbyjs.org/packages/gatsby-transformer-sharp/?=gatsby%20transformer  #Creates ImageSharp nodes from image types that are supported by the Sharp image processing library
gatsby-plugin-typography #https://www.gatsbyjs.org/packages/gatsby-plugin-typography/?=gatsby-plugin-typography #for typography
typography-theme-fairy-gates #https://github.com/KyleAMathews/typography.js/tree/master/packages/typography-theme-fairy-gates  #typo library
gatsby-source-filesystem #https://www.gatsbyjs.org/packages/gatsby-source-filesystem/?=`gatsby-source-filesystem` #to get data about files

Gilbishkosma

import React from 'react';
import styled from "@emotion/styled"
import { css } from "@emotion/core"
import {Link} from 'gatsby';

const NavLink = styled(Link)`
      color:#222;
      font-size:1rem;
      font-weight: ${props => props.fontWeight || 'normal'};
      line-height:1;