Overview:
This NextJS template is designed to simplify the configuration and setup process of NextJS, TailwindCSS, and Storybook. It includes support for Typescript, TailwindCSS, Storybook, Jest, and importing SVGs as React components. The template is publicly available on GitHub and contributions are welcome.
Features:
- Typescript: The template includes support for Typescript, allowing for type checking and improved code quality.
- TailwindCSS: TailwindCSS is integrated into the template, providing a utility-first CSS framework for easy styling.
- Storybook: Storybook support is included, allowing developers to develop UIs with components and design systems.
- Jest: The template includes support for Jest, a popular JavaScript testing framework.
- Import SVG as React Component: Thanks to the SVGR library, SVGs can be imported as React components and used directly in the code.
Installation:
To use this template, follow these steps:
- Clone the template repository.
- Remove the .git folder.
- Initialize a new git repository by running
git init. - Add all files to the git repository by running
git add .. - Commit the initial changes by running
git commit -m "First commit".
The structure of the template consists of pages and components developed in the src directory.
After cloning and setting up the repository, install all the dependencies by running yarn install.
Summary:
This NextJS template with Typescript, TailwindCSS, and Storybook support simplifies the configuration and setup process of these technologies. It includes key features such as Typescript support, integration with TailwindCSS, Storybook support for UI development, Jest for testing, and the ability to import SVGs as React components. The template is publicly available on GitHub and can be easily installed and used by following the provided installation instructions.