This project is a boilerplate for quickly setting up a dashboard-style application using NextJS, Tailwind CSS, AWS Amplify Gen 2, and Amplify UI. It's designed to help developers get up and running quickly with a modern, scalable, and cloud-ready web application.
Feel free to join the Asana Project!
Check out the geeks behind the project, visit our NodeGeeks website, or join our discord!
- NextJS: React framework for production-grade applications
- Tailwind CSS: Utility-first CSS framework for rapid UI development
- AWS Amplify Gen 2: Simplified backend development with TypeScript
- Amplify UI: Pre-built UI components for faster development
- Dashboard Layout: Pre-configured layout for admin/dashboard applications
- Authentication: Built-in authentication flow using AWS Cognito
- Responsive Design: Mobile-friendly and responsive out of the box
- Node.js (v14.x or later)
- npm or yarn
- AWS Account
- AWS CLI configured with your credentials
- in progress
- in progress
Follow AWS Guide at https://docs.amplify.aws/nextjs/start/quickstart/nextjs-pages-router/ starting at step 2, because you should have already forked this repository.
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.
A customizable autocomplete component that allows users to search and select from a list of options. It supports dynamic filtering of options based on user input.
A component for displaying and managing a collection of chips (tags). It supports both free text input and selection from predefined options.
A color picker component that allows users to select colors. It can output colors in either HEX or RGB format.
A flexible dashboard component that can display multiple panels. Each panel can be configured with custom content and layout options.
A dynamic data table component that interfaces with a data model. It supports CRUD operations, real-time updates via subscriptions, and custom column rendering.
A flexible component that can render any Amplify UI component dynamically based on provided options. It supports nested components and custom props.
A form component that generates input fields dynamically based on a given data structure. It supports various field types and can handle nested objects and arrays.
A versatile input component that can render different types of input fields (text, number, date, boolean) based on the specified type.
A navigation component that renders a list of links with optional icons. It supports preloading data and custom routing.
A reusable modal component that can be opened and closed. It provides a customizable title and content area.
A form field component that allows users to select multiple options from a dropdown list. It supports checkboxes and custom styling.
A draggable and sortable list component. Users can reorder items by dragging, and the component provides callbacks for order changes.
A container component used in the dashboard to display content in a structured layout. It can contain tables, forms, or other components.
A floating component that can be anchored to another element. It's useful for displaying additional information or controls.
A sortable table component that can display data in a tabular format. It supports custom column definitions and sorting functionality.
- NextJS team for the amazing React framework
- Tailwind CSS for the utility-first CSS framework
- AWS Amplify team for simplifying cloud development