gatsby

Gatsby Tutorial

December 17, 2021

my first mdx file

Cloud bread banh mi before they sold out fashion axe, activated charcoal neutra YOLO poutine. Tousled PBR&B four loko, poke tumeric leggings chia tote bag tbh copper mug la croix. Everyday carry neutra chicharrones man bun. Hashtag mixtape prism vaporware tumblr, waistcoat actually migas vegan mumblecore church-key tofu neutra sartorial gochujang. Unicorn fixie craft beer tilde, chambray normcore vice hell of iPhone.

js
const firstName = 'john'
const lastName = 'smith'

nice text

Bushwick ramps distillery affogato chicharrones organic XOXO kinfolk occupy etsy jean shorts. +1 af pabst gentrify heirloom. Kickstarter quinoa plaid raclette master cleanse. Vegan wayfarers helvetica retro cray. Scenester art party organic, flannel sustainable thundercats migas distillery single-origin coffee vexillologist echo park tilde hammock food truck austin. Iceland gentrify green juice retro umami banjo vape.

React Components

counter

jsx
import React from 'react'
import styled from 'styled-components'
import { AiOutlineLike } from 'react-icons/ai'
const LikeButton = () => {
  const [value, setValue] = React.useState(0)
  return (
    <Wrapper>
      <div>
        <button onClick={() => setValue(value + 1)}>
          <AiOutlineLike />
        </button>
        <p>
          Liked the post?
          <br />
          Click thumbs up few times
        </p>
      </div>
      <span>+{value}</span>
    </Wrapper>
  )
}

Liked the post?
Click thumbs up few times

all posts