nextjs-tf-lib v0.0.24

💻 About the project

We always had in mind that building a library would help us in the development of our projects, and so nextjs-tf-lib was born, based on React and NextJS, and styled with CSS-in-JS Stitches.

🚀 Installation

Our library is available as an npm package.

npm:

npm install nextjs-tf-lib

yarn:

yarn add nextjs-tf-lib

💡 Getting Started

import { Button } from "nextjs-tf-lib";

function Example() {
  return <Button label="Click me"/>;
}

Examples

You can find more examples in our documentation.

🔨 Contributing

If you want to send a PR to this project, you can follow the steps below to run the project locally.:

Installation

git clone git@github.com:trocafone/nextjs-tf-lib.
yarn install

Running the project

yarn build
yarn start

yarn link // link the package to your local environment

yarn unlink // unlink the package from your local environment

Symlinking the package during your development

Our project already has a test environment, but if you want to test your changes in a personal project, you can use the yarn link command to link the package to your local environment.

yarn link [package-name] // link the package to the project you want to test

yarn unlink [package-name] // unlink the package from the project you want to test

📝 License

This project is under the terms of MIT License

Utils

  Badget -
  BaseCard -
  Button -
  Grid -
  Icon -
  Input -
  Loading -
  Modal -
  Ring -
  Select -
  Text -
  Toggle -
  ToggleButtonGroup -
  ToogleDifficultyLevel;

Libraries used for development

@emotion/react
@emotion/styled
@mui/material
@mui/styled-engine-sc
@mui/system
@rollup/plugin-commonjs
@rollup/plugin-node-resolve
@stitches/react
@types/react
@types/react-dom
@types/react-input-mask
@unform/core
@unform/web
classnames
eslint
eslint-config-next
next
react
react-dom
react-icons
react-input-mask
rollup
rollup-plugin-commonjs
rollup-plugin-node-polyfills
rollup-plugin-peer-deps-external
rollup-plugin-terser
rollup-plugin-typescript2
typescript