⚛️ rnt-app

Create production-ready React + TypeScript applications with:

• 🌗 Light/Dark theme support

• 🌐 Internationalization with i18next

• 🧠 Redux Toolkit

• 🎨 Styled Components

• 🧪 Tests (Jest, Testing Library, Cypress)

• 📚 Storybook

• 🧹 ESLint + Prettier

• ⚡ Vite... and much more — all set up in seconds with a single command.

🚀 How to use

Run the command below to create your new project:

npx rnt-app your-project-name

Replace "your-project-name" with the desired name. If no name is provided, the project will be created with the name "new-app".

🧰 What is automatically configured?

• ⚙️ React + TypeScript + Vite

• 🎨 Styled-components with light/dark theme support

• 🌐 Internationalization (i18next) already integrated

• 🔁 Redux Toolkit with a ready-to-use structure

• 🧪 Jest + Testing Library + MSW + jest-axe

• 🧪 Cypress configured for end-to-end testing

• 📚 Storybook for component development

• 📏 ESLint + Prettier + EditorConfig

• 📦 Configuration for deployment with Vercel

• 🧼 Project starts with lint and format applied

🗂️ Folder Structure

The basic project structure created automatically:

📁 src
│
├── 📁 assets          # Images, icons, and static files
├── 📁 components      # Reusable components
├── 📁 hooks           # Custom hooks
├── 📁 i18n            # Language configurations
├── 📁 pages           # Application pages
├── 📁 redux           # Store and middlewares
├── 📁 styles          # Themes, variables, and styled-utils
├── 📁 tests           # Global tests, mocks, and configurations
├── 📁 utils           # Utility functions
│
├── App.tsx           # Main component
├── main.tsx          # Application entry point
└── vite-env.d.ts     # Vite type definitions

✅ After execution

• You'll have a project 100% ready for coding, with:

• All dependencies installed

• Organized folder structure

• ESLint and Prettier applied automatically

• Scripts ready for dev, build, lint, test, and deploy

📚 References used

• ⚡ Vite
• ⚛️ React
• 📘 TypeScript
• 🧠 Redux Toolkit
• 🎨 Styled-components
• 🌐 i18next
• 🎞️ Framer Motion
• 🧪 Jest
• 🧪 Cypress
• 📚 Storybook

👤 Author

Made with 💙 by Renato Minoita Check out more on GitHub

🧠 License

This project is licensed under the MIT license.