An open-source ready to use template for banking applications, designed to provide a consistent and modern banking experience.
- Modular component library
- Responsive design
- Accessibility compliant
- Customizable themes
- Cross-browser compatibility
- Built-in security patterns
- Internationalization ready
- Figma icon loader system
- Clear and consistent use of TypeScript
- Build on top of Shadcn ui
- Global search params system using nuqs
Ensure you have the following installed:
- Node.js (>=18.18.0)
- pnpm (>=7)
1.Clone the repository:
git clone https://github.com/nelsonmandeladev/open-finance.git
cd open-finance2.Install dependencies:
pnpm installRun the development server:
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying files in the src/app directory. The page auto-updates as you edit the file.
To build the project for production:
pnpm buildThe output will be located in the .next directory.
Run ESLint to check for code quality:
pnpm lint- Next.js: Framework for server-rendered React applications
- Tailwind CSS: Utility-first CSS framework for styling
- react-i18next: Internationalization library for React
- clsx: Utility for conditionally joining classNames
- fs-extra: File system utilities for managing assets
- nuqs: Use to manage global url query system with SSR compatible
pnpm dev: Start the development serverpnpm build: Build the project for productionpnpm build:icon: Generate clean and reusable icons from the icons files in@/assetsfolderpnpm lint: Run ESLint to check for code quality
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - Learn about Next.js features and API
- Learn Next.js - Interactive Next.js tutorial
This project is licensed under the MIT License. See the LICENSE file for details.