Remix: Create a Web App with Remix to Upload to Decentralized Storage

Learn how to create a web app with Remix to upload to decentralized storage,

What is Remix?

Remix is a web application framework that provides APIs and conventions for data loading, server rendering and routing, and other features. This guide uses an existing GitHub repository, originally created by the user @imrea, but has been edited for use with Filebase.

Read below to learn how to use Remix with Filebase.


1. Install React and Remix-Run npm packages:

npm install react react-dom

npm install --save-dev @remix-run/react

2. Git clone the following repository:

git clone

3. Open the file .env.example in your text editor of choice.

Make a copy of this file called .env. Edit the following variable values:







4. Run the following npm commands to run your Remix app:

npm install

npm run build

npm run dev

5. Once your app is running, it will be available at a local address on port :3000.

Our example uses Navigate to this address in your browser. Your app will look like this:

6. Select a file to be uploaded using either method.

7. Select ‘Submit’ to initiate the upload.

8. View the contents of your Filebase bucket on the Web Console dashboard to confirm the upload’s success.

If you have any questions, please join our Discord server, or send us an email at

Last updated