A modern React application template with basic configuration for working with snack-uikit. This template provides a solid foundation for building applications using Cloud.ru's design system and UI components.
- React 19 with TypeScript
- Vite for fast development and building
- snack-uikit integration with pre-configured components
- SCSS Modules for component-scoped styling
- ESLint & Prettier for code quality and formatting
- Stylelint for CSS/SCSS linting
- Husky for Git hooks
- Path aliases for clean imports
- SVG loader for optimized SVG handling
@snack-uikit/figma-tokens-nachos- Design tokens@snack-uikit/icons- Icon components@snack-uikit/locale- Internationalization@snack-uikit/typography- Typography components
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Run ESLint
npm run lintThe project uses SCSS Modules for component-scoped styling. Each component has its own styles.module.scss file that generates unique class names to prevent style conflicts.
The project includes convenient path aliases for clean imports:
#app→src/app#components→src/components#constants→src/constants#pages→src/pages#types→src/types
- Storybook: snack-uikit Storybook
- GitHub: snack-uikit Repository
- Figma: Design System
- Cloud.ru: Official Website
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:5173 in your browser
This template includes pre-configured linting and formatting tools:
- ESLint with Cloud.ru configuration
- Prettier for code formatting
- Stylelint for SCSS linting
- Husky for pre-commit hooks
- lint-staged for staged file linting
This template is part of Cloud.ru's frontend development ecosystem, providing a standardized starting point for new projects using the snack-uikit design system.