Skip to content
/ next-bucket Public template
forked from johndpope/next-bucket

A template to start a project easily with NextJS and Textile Buckets

Notifications You must be signed in to change notification settings

Spencerx/next-bucket

 
 

Repository files navigation

Screen.Recording.2021-06-09.at.9.18.49.PM.1.mp4

next-bucket

Why would I use this, Jim?

  • Want to put things on IPFS.
  • You love using Textile's Bucket. Data on a Textile Bucket is stored with IPLD and pinned on to IPFS automatically.
  • You can use any IPFS gateway to retrieve your CID. This CID is a GIF version of the NFT-linked-asset that exists for https://foundation.app/ertdfgcvb/1613493082123-355.
  • Example of Metamask integration.
  • Backup your archive on to Filecoin after verifying your address.

Introduction

Try it online: https://next-bucket.onrender.com

This template uses NextJS because...

  • It is easy to learn.
  • Minimal setup for maximum output.

In addition, NextJS and Magic are an awesome combination if you want to create a website such as OpenSea without needing to roll your own database.

Setup (MacOS)

Start by cloning the repository, or by clicking on Use this template above.

git clone git@github.com:application-research/next-bucket.git
cd next-bucket
  • Create a .env.local file.
    • The command: touch .env.local.
  • In this file you will want to include your Textile Hub keys and other secrets you don't want exposed to the client.
TEXTILE_HUB_KEY=XXX
TEXTILE_HUB_SECRET=XXX
IPFS_GATEWAY=https://ipfs.io

The easiest way to generate your user group keys for Textile is to download the latest version of the hub https://github.com/textileio/textile/releases/tag/v2.6.6

Next,

npm install
npm run dev

Go to http://localhost:3000 in your browser of choice. Enjoy!

How do I follow development?

Be sure to follow the Filecoin Community post here.

About

A template to start a project easily with NextJS and Textile Buckets

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 86.1%
  • SCSS 13.9%