This is a Next.js project template integrated with Quiltt, designed to quickly bootstrap your fintech application development.
- Next.js 14 with App Router
- TypeScript for type safety
- Quiltt React SDK integration
- GraphQL code generation for Quiltt API
- Authentication flow (Login and Signup)
- UI components from shadcn/ui
- Tailwind CSS for styling
- Clone this repository:
git clone https://github.com/quiltt/quiltt-nextjs-template.git
cd quiltt-nextjs-template- Install dependencies:
pnpm install- Set up your environment variables:
Create a .env.local file in the root directory and add your Quiltt API key:
QUILTT_API_SECRET_KEY=your_api_secret_key_here- Generate GraphQL types:
pnpm run graphql:generate- Run the development server:
pnpm devOpen http://localhost:3000 with your browser to see the result.
/src/app: Next.js app router pages/src/components: Reusable React components/src/generated: Generated GraphQL types/src/hooks: Custom React hooks/src/lib: Utility functions and shared logic
You can start customizing the template by modifying the components in the src/app directory. The project uses Tailwind CSS for styling, which can be configured in the tailwind.config.ts file.
To learn more about the technologies used in this template:
Next.js Documentation - learn about Next.js features and API. Quiltt Documentation - explore Quiltt's features and API. shadcn/ui - learn about the UI components used in this template. Tailwind CSS ta- style your application efficiently.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.