Using UploadThing

Using UploadThing

Table of Contents

I was working on a NextJS project, there I wanted create a new directory and upload files. I was using Vercel for this so Vercel doesn’t allow this. I started looking for another way to upload and got to know about UploadThing.

UploadThing is an open source project at https://github.com/pingdotgg/uploadthing

So UploadThing is based on T3 tools from AWS.

alt text

As of now the plans looks like this.

Ofcourse I’ll try it with Free one.

alt text

They ask you to login using Github.

alt text

This is what the workspace looks like.

alt text

Here Adding project details and server location.

alt text

From API section you can get the API Token

alt text

Downloading example project:

Github directory downloader.

Download this directory: https://github.com/pingdotgg/uploadthing/tree/main/examples/minimal-appdir

Development process:

  1. After downloading the project directory.
  2. Duplicate .env.example file and rename to .env
  3. Get the API token and paste it inside the new .env file.
yarn

For downloading the packages.

yarn dev

alt text

This is the output from example.

alt text

Output from UploadThing.

Honestly the example code seems tricky but I’ll grow through it.

Good Documentation helps:

https://docs.uploadthing.com/getting-started/appdir

Tags :