Skip to content

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:

  1. Skaya Templates - Web3-ready UI Templates and pages with built-in:

    • Wallet connection (Web3.0 auth)
    • AI-powered UI components
    • Responsive layouts
  2. 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.
  3. 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:

bash
skaya init

You'll be guided through an interactive setup process:

  1. First select your project type:
bash
skaya init
? Please select a project type: (Use arrow keys)
 Frontend
  Backend
  Smart Contract
  1. Enter your project name:
bash
`? Enter frontend project folder name: my-web3-app
  1. For skaya templates, choose templates:
bash
? How would you like to create your frontend project?
  Use a framework (React, Next.js, Vite) 
 Use a template
  1. After selecting skaya templates, choose from available categories:
bash
? Select frontend template category:
 Skaya Official
  Skaya Starter Kit
  Blank
  Custom Repo
  1. Then select a specific template:
bash
? Select a frontend template:
 REACT TS
  VITE TS
  NEXTJS

Running Your Project

After initialization, you can start your development servers:

bash
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.