This is a Next.js dashboard for the ORC Protocol, showcasing the Bitcoin Security with Ethereum Flexibility concept. The dashboard includes a landing page and a detailed whitepaper page.
- Modern, responsive dashboard with a dark purple gradient theme
- Interactive homepage with buttons for Whitepaper, $SPCT, and Devtools
- Comprehensive whitepaper page with the ORC Yellow Paper content
- Optimized for deployment on Vercel
- Next.js 14 with App Router
- TypeScript
- Tailwind CSS with Typography plugin
- Vercel deployment configuration
- Node.js 18 or later
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/orc-protocol.git
cd orc-protocol- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser to see the result.
The project is configured for easy deployment to Vercel:
- Push your code to a GitHub repository.
- Connect to Vercel and select the repository.
- Vercel will automatically detect the Next.js project and configure the build settings.
- Click Deploy to start the deployment process.
Alternatively, you can deploy from the command line using the Vercel CLI:
npm install -g vercel
vercel login
vercelapp/page.tsx- The main homepage with the dashboard UIapp/whitepaper/page.tsx- The whitepaper page that displays the ORC Yellow Paperapp/components/WhitepaperContent.tsx- A component containing the full whitepaper contentapp/globals.css- Global styles and Tailwind CSS configurationtailwind.config.ts- Tailwind CSS configuration with typography plugin setupvercel.json- Vercel deployment configuration
This project is licensed under the MIT License - see the LICENSE file for details.
- Design inspired by modern Web3 dashboards
- ORC Protocol Yellow Paper content courtesy of the ORC Protocol team