This Next.js application serves as a playground to demonstrate how to utilize the Skyfire SDK in a real-world web application context.
The primary goal of this project is to help developers understand and implement the Skyfire SDK within a Next.js environment. It showcases practical examples of SDK integration.
-
Clone the repository:
git clone [email protected]:skyfire-xyz/sky-playground-nextjs.git cd sky-playground-nextjs
-
Install dependencies:
yarn install
- Sign up at Skyfire Dashboard to create an account.
- After signing up, create an API key from your dashboard.
- Set the API key as an environment variable in
.env
file:SKYFIRE_API_KEY=your_api_key_here
Start the development server:
yarn dev
- Next.js: React framework for building the application
- Skyfire SDK: Core SDK for AI model integration and services
- Redux: State management library
- Tailwind CSS: Utility-first CSS framework
- Flowbite React: UI component library based on Tailwind CSS