Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pekkah/tanka-graphql-samples

Example of using tanka-graphql with Urql and Preact
https://github.com/pekkah/tanka-graphql-samples

apollo-link dotnet graphql sample tanka

Last synced: 7 days ago
JSON representation

Example of using tanka-graphql with Urql and Preact

Awesome Lists containing this project

README

        

# Tanka Chat App built with Tanka GraphQL library

Simple chat application with channels and messages.

Use
s queries, mutations and subscriptions. Subscriptions use `graphql-ws` -protocol.

## Running the app

App is built with Asp.NET Core backend and Preact frontend. Backend acts as both API and host
for the frontend.

### Prerequisites

- Application uses GitHub authentication and you must provide your own ClientId and ClientSecret
in the `appsettings.Local.json` -configuration file.
- Application uses Node.js and npm to build the frontend. You must have Node.js installed on your machine.

### Running the app

```pwsh
dotnet build -c Release
dotnet run -c Release --launch-profile ChatProduction --project .\src\Chat.Api\
```

This will build the backend and frontend and run the app in "Production" -environment.

## Development

- Same as running the app
- Install frontend dependencies `npm install` in the `src\Chat.Api\UI2` -folder

### Editor

You can develop the app in two ways:
- Run Vite manually from command prompt: set the Vite:AutoRun false in your configuration and launch Vite manually
`npm run dev` in the `src\Chat.Api\UI2` -folder.
- Let Visual Studoo start Vite automatically: set the Vite:AutoRun true in your configuration.

Running Vite manually is faster, but you need to remember to start it before running the app.
Letting Visual Studio start Vite automatically is slower as Vite is started and stopped when you launch the app.