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,
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.
npm install react react-dom
npm install --save-dev @remix-run/react
git clone https://github.com/jamongeon1/filebase-remix-upload
Make a copy of this file called
.env
. Edit the following variable values:FILEBASE_ACCESS_KEY='FILEBASE ACCESS KEY'
FILEBASE_SECRET_KEY='FILEBASE SECRET KEY'
FILEBASE_ENDPOINT='s3.filebase.com'
FILEBASE_REGION='us-east-1'
FILEBASE_BUCKET='filebase-bucket'
FILEBASE_PREFIX=''
npm install
npm run build
npm run dev
Our example uses http://192.168.37.1:3000. Navigate to this address in your browser. Your app will look like this:




If you have any questions, please join our Discord server, or send us an email at [email protected]
Last modified 9mo ago