https://github.com/luisvalgoi/tailwind-styled-component-playground

Repo for playing with Tailwind Styled Components + NextJS
https://github.com/luisvalgoi/tailwind-styled-component-playground

Last synced: 21 days ago
JSON representation

Repo for playing with Tailwind Styled Components + NextJS

• Host: GitHub
• URL: https://github.com/luisvalgoi/tailwind-styled-component-playground
• Owner: LuisValgoi
• Created: 2021-05-25T03:05:17.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-05-25T20:08:26.000Z (almost 4 years ago)
• Last Synced: 2025-02-05T13:42:56.312Z (2 months ago)
• Language: JavaScript
• Homepage: https://tailwind-styled-component-playground.vercel.app/
• Size: 115 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Objective

The object of this project was to get to know more about the `tailwind-styled-components` library.

# Status

![Vercel](https://vercelbadge.vercel.app/api/luisvalgoi/tailwind-styled-component-playground?style=for-the-badge)

# Stack

- `nextjs` with Incremental Static Regenaration of `10 seconds`.

- `tailwind` for not writing css anymore.

- `tailwind-styled-components` for speedup the development.

# Flow

The idea is to `fetch` the api in the `server` so I can pass to the client the data got from the public [GitHub API](https://api.github.com/users/).

# Scripts

- `yarn dev` to build and run the app.

- just `cp` the `.env.local.example` to a new one called `.env.local`.

# Images

![images](https://user-images.githubusercontent.com/8363610/119433578-e5e18d00-bcec-11eb-9f85-4854e85e073f.png)

![images](https://user-images.githubusercontent.com/8363610/119433610-f6920300-bcec-11eb-84fc-92a69fbd7e68.png)