Scrolly Hub is a web3 app based on the Iggy framework. It uses Orbis SDK and Ceramic Network in the background. For usernames it uses Scrolly Domains.
Link: https://hub.scrolly.xyz/
Create a .env
file from .env.example
.
Make sure to also enter these vars in your hosting settings!
We recommend to use Netlify for hosting the site. Netlify allows you to easily deploy the site from this repo (or from a fork of this repository).
Make sure to use the the npm run generate
command instead of npm run build
for build instructions on Netlify.
If you want to use optional features such as GIFs and image upload, make sure to enter proper environment variables (see .env.example
).
Make sure to also select the proper serverless functions services in your environment variables, for example:
FILE_UPLOAD_SERVICE=vercel
LINK_PREVIEW_SERVICE=vercel
You can also set these in the Nuxt config file (nuxt.config.ts
).
If you want to have GIF search implemented, create your own Tenor API Key on Google Cloud Console. Follow the instructions here: https://developers.google.com/tenor/guides/quickstart#setup.
Then enter the key in environment variables (TENOR_KEY
).
To support image uploads on IPFS please create an API key on ThirdWeb: https://thirdweb.com/dashboard/settings/api-keys
Make sure to whitelist only your website domain/URL. And also restrict (toggle off) the API key usage for other services apart from Storage Upload service (even Storage Download is not needed).
Then add the Client ID of your API key to your environment variables:
THIRDWEB_CLIENT_ID=
It is recommended to use ImageKit as the fallback option, in case ThirdWeb has technical issues.
For this to work, create an account at ImageKit.io and add these environment variables to your project:
IMAGEKIT_ENDPOINT=
IMAGEKIT_PUBLIC_KEY=
IMAGEKIT_PRIVATE_KEY=
- Project-specific settings in
nuxt.config.ts
- CSS files in the
/public/css/
folder - Favicon and cover/preview images in
/public/img/
folder
Make sure to install the dependencies:
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
Start the development server on http://localhost:3000
npm run dev
Or run Netlify dev server on http://localhost:8888 (to get link previews):
netlify dev
Build the application for production:
npm run generate
Locally preview production build:
npm run preview
Checkout the deployment documentation for more information.
Orbis test group:
https://app.orbis.club/group/kjzl6cwe1jw145e1i1agcrjp9375sjpyyk7imu281koehrpve0pr46lvr5e9xco