https://github.com/planetarium/template-9c-chrono
https://github.com/planetarium/template-9c-chrono
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/planetarium/template-9c-chrono
- Owner: planetarium
- License: agpl-3.0
- Created: 2024-11-12T12:55:28.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-12T13:55:09.000Z (6 months ago)
- Last Synced: 2025-01-21T03:11:18.173Z (3 months ago)
- Language: TypeScript
- Size: 27.3 KB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Getting Started with NineChronicles Chrono Template
Welcome to the NineChronicles Chrono Template! This guide will help you set up and run your project. Follow the steps below to get started.
## Initial Setup
Before running the project, you need to install dependencies. This can be done by executing the following command in your terminal:
```sh
npm install
# or
yarn
```
And you need to generate the GraphQL client. This can be done by executing the following command in your terminal:
```sh
npm run codegen
# or
yarn codegen
```
This command will generate the necessary GraphQL client for your project.
## Defining Queries
The GraphQL queries required for your application should be defined in ***src/graphql/api.graphql***.
Initially, we have included a sample query to fetch basic avatar information. You can modify this file to add more queries as per your requirements.
## Running the Application
After generating the GraphQL client, you can start the application. Once the application is running, you will see a page where you can enter an Avatar Address and fetch the corresponding name and level.
To start the application, use:
```sh
npm start
# or
yarn start
```
## Build Your Own Website
Now that you have the Headless GraphQL setup, you can extend this template to create your own website. Use the power of GraphQL to fetch and display the data you need. Customize the UI and add more features as you see fit.
Happy coding!