Skaya Templates
Skaya provides powerful templates to jumpstart your AI-powered Web3 development. These templates cover frontend, backend, and smart contract development with integrated AI capabilities.
Template Types
Skaya offers three main categories of templates:
Skaya Templates - Web3-ready UI Templates and pages with built-in:
- Wallet connection (Web3.0 auth)
- AI-powered UI components
- Responsive layouts
Framework Templates - AI-enhanced API services featuring:
- React.js: Get started with the widely-used JavaScript library for building user interfaces.
- Next.js: Develop powerful, server-rendered React applications with ease.
- Vite: Enjoy a lightning-fast development experience with this modern build tool.
Skaya Community Templates - Explore a collection of verified and audited templates contributed by the Skaya community:
- Custom Templates from Developers: Access unique and specialized templates created by the developer community.
- Community-Driven Innovations: Benefit from a growing library of creative and robust solutions.
Initializing a Project with Templates
To create a new project using Skaya templates, run the following command in your terminal:
skaya init
You'll be guided through an interactive setup process:
- First select your project type:
skaya init
? Please select a project type: (Use arrow keys)
❯ Frontend
Backend
Smart Contract
- Enter your project name:
`? Enter frontend project folder name: my-web3-app
- For skaya templates, choose templates:
? How would you like to create your frontend project?
Use a framework (React, Next.js, Vite)
❯ Use a template
- After selecting skaya templates, choose from available categories:
? Select frontend template category:
❯ Skaya Official
Skaya Starter Kit
Blank
Custom Repo
- Then select a specific template:
? Select a frontend template:
❯ REACT TS
VITE TS
NEXTJS
Running Your Project
After initialization, you can start your development servers:
skaya start frontend
What's Next?
Continue your Skaya journey with these guides:
Creating Frontend Component - Learn how to create custom ai generated components with apis and previous components integration in your fresh frontend app.
Creating Frontend Pages - Learn how to create custom ai generated pages with apis and previous components integration in your fresh frontend app.
Creating Frontend Apis - Learn how to create custom ai generated apis.