Connect Web Integration
Connect Web Integration is a repository of example projects using Connect-Web with various JS frameworks and tooling. It provides numerous examples for integrating Connect-Web into a project.
All projects test Connect-Web against the Eliza demo running at https://demo.connect.build. Each project illustrates an example of unary and server-streaming with the exception of React Native (see Connect-Web docs for an explanation why).
Pre-requisites
Before running any example project, make sure you have Buf installed.
Projects
Angular
The Angular application was generated with the Angular CLI.
Next.js
The Next.js application was generated with npx create-next-app buf-nextjs --use-npm --ts
and all suggested defaults.
Plain
The Plain application was built from scratch with no frameworks at all using just vanilla JavaScript.
React
All applications underneath this directory use React as the framework. Each is divided by the various tooling differences the related projects were constructed with:
- cra - Generated with Create React App and all associated defaults.
- esbuild - Built from scratch with esbuild as the bundler.
- parcel - Built from scratch with Parcel as the bundler.
- rollup - Built from scratch with Rollup as the bundler.
- vite - Generated with Vite and all associated defaults.
- webpack - Built from scratch with Webpack as the bundler.
- yarn3-unplugged - Built from scratch with Yarn 3 in unplugged mode.
- yarn3 - Built from scratch with Yarn 3 and PnP mode.
Each project also uses various tools for testing, linting, etc. These variances are noted in each project README.
React Native
The React Native application was generated with the Expo CLI and all suggested defaults.
Remix
The Remix application was generated with npx create-remix@latest
and all suggested defaults.
Svelte
The Svelte application was generated with npm create svelte <app name>
and all suggested defaults.
Vue
The Vue application was generated with npm init vue@latest
and all suggested defaults.