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).
Before running any example project, make sure you have Buf installed.
The Angular application was generated with the Angular CLI.
The Next.js application was generated with npx create-next-app buf-nextjs --use-npm --ts and all suggested defaults.
The Plain application was built from scratch with no frameworks at all using just vanilla JavaScript.
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.
The React Native application was generated with the Expo CLI and all suggested defaults.
The Remix application was generated with npx create-remix@latest and all suggested defaults.
The Svelte application was generated with npm create svelte <app name> and all suggested defaults.
The Vue application was generated with npm init vue@latest and all suggested defaults.