NOTE: Get back to init to reenable Tailwindcss

This is my play ground to experience NextJS and Tailwindcss.

Experiments

1. Workshop
2. Enable bootstrap

Bootstrap

Enabling bootstrap on Next.

  yarn add bootstrap react-bootstrap

Add import 'bootstrap/dist/css/bootstrap.min.css'; to _app.js.

Some sample code and maybe futueristic errors.

<Link href="https://github.com/esmaeilmirzaee/next_playground/blob/main/" passHref>
    <Nav.Link>Home</Nav.Link>
</Link>
<Link href="https://github.com/esmaeilmirzaee/next_playground/blob/main/contact" passHref>
    <Nav.Link>Contact</Nav.Link>
</Link>

import {Container, Col, Row} from 'react-bootstrap';

<Container>
  <Col>
    <Row>
      <h1>Yep!</h1>
    </Row>
  </Col>
</Container>

Sample bootstrap template and the one is used in this site access bootswatch.