solana-gif-portal-svelte Svelte Themes

Solana Gif Portal Svelte

A website that lets you submit links to gifs and displays them using the Solana Blockchain (WIP)

Archive Note

I abandoned all things related to web3.

buildspace Solana GIF Portal Project

Note: This is a bit different from the original project since it was made with Svelte and XState! I choose Svelte because It's easier to read. XState was choosen to prevent and catch any unexpected state bugs.

Welcome 👋

To get started with this project, clone this repo and follow these commands:

Prerequisites

  • Make sure you have pnpm installed
  1. Run pnpm install at the root of your directory
  2. Run pnpm start to start the project
  3. Start coding!

Questions?

Have some questions make sure you head over to your buildspace Dashboard and link your Discord account so you can get access to helpful channels and your instructor!

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

pnpm dev

# or start the server and open the app in a new browser tab
pnpm dev -- --open

Exporting your Solana Private Keys

This Svelte app reads your private key from an environment variable. To export your key as an environment variables:

  1. Create a new keypair using solana-keygen new or recover a previous keypair by solana-keygen recover
  2. On Linux, you will find the private key in ~/.config/solana.id.json. Copy all contents of that file and export it using export PRIVATE_KEY=<Whatever you copied>

Developing with Gitpod!

If you're having trouble getting anything to work just use Gitpod! Gitpod is essentialy a Linux machine with VSCode on the cloud. This repository is configured with a Gitpod environment that includes node and pnpm!

Building

Before creating a production version of this app, install an adapter for your target environment. Then:

pnpm build

IF you ran pnpm install you already have a static adapter that builds a static version of the application (CSS, HTML, JS)!

You can preview the built app with pnpm preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Top categories

Loading Svelte Themes