Cloudscape NextJs Starter Kit

Getting Started

This is NextJs starter kit for cloudscape design system.

Demo

Screensshots

Login

Dashboard

File Module

Installation

npm install

Usage

npm run dev

Open http://localhost:3000 with your browser to see the result.

Libraries

• Next.js - for server-side rendering
• Cloudscape design system - for UI components
• React - for UI components
• React Query - for state management
• React Hook Form - for form validation
• Zod - for form validation
• Axios - for api calls
• Date-fns - for date formatting
• Zustand - for state management

Used following libraries

• @tanstack/react-query - for state management
• zod - for form validation
• @auth/nextjs - for authentication
• axios - for api calls
• date-fns - for date formatting
• zustand - for state management

Directory and File Structure

• Routes
• Components
• Contexts
• Hooks
• Types
• Utils
• Constants
• Services

License

MIT

Author

• Deven sitapara

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Cloudscape.design - learn about Cloudscape design system.