Opti Social

Opti Social is the first Web3 Social network on Optimism. It uses Orbis SDK and Ceramic Network in the background.

• Link: https://opti.social
• Docs: https://github.com/Opti-Social/opti-social-frontend/wiki

What's included:

• Orbis SDK
• Nuxt 3
• Vue Dapp
• Ethers 5
• Pinia
• Vue Toastification

.env

Create a .env file from .env.example.

Hosting

This template does not work properly on GitHub Pages. Use Netlify or Vercel instead (make sure to use the npm run generate command instead of npm run build there).

GIFs

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.

Customize

• Project-specific settings in nuxt.config.ts
• CSS files in the /public/css/ folder
• Favicon and cover/preview images in /public/img/ folder

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run generate

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.

Testing

Orbis test group:

https://app.orbis.club/group/kjzl6cwe1jw145e1i1agcrjp9375sjpyyk7imu281koehrpve0pr46lvr5e9xco