Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/semmyk/uploadthing


https://github.com/semmyk/uploadthing

Last synced: 6 days ago
JSON representation

Awesome Lists containing this project

README

        

# App description

Mini app to upload images with Uploadthing API and display them in the gallery

To learn more about Next.js and the process of making the app, take a look at the following resources:
- [Next.js File and folder structure](https://nextjs.org/docs/getting-started/project-structure) - learn about recommended Next.js file and folder structure.
- [Next.js Fetching](https://nextjs.org/docs/app/building-your-application/data-fetching/fetching) - learn about Next.js best fetching practices.
- [Next.js Route.ts](https://nextjs.org/docs/app/api-reference/file-conventions/route) - learn about recommended Next.js route file content.
- [Next.js Config update for images](https://nextjs.org/docs/messages/next-image-unconfigured-host) - learn how to update next.config.js file to accept online images.
- [Uploadthing API](https://docs.uploadthing.com/api-reference/ut-api) - learn learn how to initialize UTApi.
- [Uploadthing list of files data](https://docs.uploadthing.com/api-reference/ut-api#listfiles) - learn how to get list of uploaded files data.
- [Uploadthing list of files urls](https://docs.uploadthing.com/api-reference/ut-api#getfileurls) - learn how to get list of files urls.

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.