Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mnv17/nexttodoapp


https://github.com/mnv17/nexttodoapp

Last synced: about 8 hours ago
JSON representation

Awesome Lists containing this project

README

        

## The project is not Deploying that's why i have given the instructions to clone the repo.

# Demo Todo App with Next.js 13, Server Actions, and Drizzle ORM

Explore the capabilities of Next.js 13 through our demo repository showcasing a
simple todo app. Dive into server actions and leverage Drizzle ORM integration
to grasp how to efficiently manage tasks.

## Learn More

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

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
- [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) - to
automatically optimize and load Inter and Lexend from Google Fonts.

This repository contains a simple demo todo app created with Next.js 13,
showcasing the usage of server actions and integration with Drizzle ORM. It
serves as a practical example to help you understand the implementation of these
features and build efficient applications.

## Features

- Manage tasks: Create, update, and delete todos with ease.
- Server actions: Utilize server-side logic for handling todo operations.
- Drizzle ORM integration: Seamlessly interact with the database using Drizzle
ORM.

## Getting Started

### Prerequisites

- Node.js and npm installed on your local machine.

### Installation

1. Clone this repository:

```bash
git clone https://github.com/mnv17/todo-app-next.git
```

2. Navigate to the project directory:

```bash
cd todo-app-next
```

3. Install dependencies:
```bash
npm install
```

### Usage

1. Start the development server:

```bash
npm run dev
```

2. Open your browser and visit [http://localhost:3000](http://localhost:3000) to
access the app.

### Contributing

Contributions are welcome! If you find any issues or have ideas for
improvements, please open an issue or submit a pull request.

### License

This project is licensed under the [MIT License](LICENSE).

---

Feel free to explore the codebase, experiment with server actions and Drizzle
ORM, and learn how to create powerful applications using Next.js 13.