Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wbotelhos/site-with-react-and-typescript-and-vite-and-apollo
Site with React and TypeScript and Vite and Apollo
https://github.com/wbotelhos/site-with-react-and-typescript-and-vite-and-apollo
api graphql react react-router reactjs vite
Last synced: about 2 months ago
JSON representation
Site with React and TypeScript and Vite and Apollo
- Host: GitHub
- URL: https://github.com/wbotelhos/site-with-react-and-typescript-and-vite-and-apollo
- Owner: wbotelhos
- License: mit
- Created: 2023-07-25T03:33:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-25T03:34:02.000Z (over 1 year ago)
- Last Synced: 2024-10-15T08:57:37.193Z (3 months ago)
- Topics: api, graphql, react, react-router, reactjs, vite
- Language: TypeScript
- Homepage: http://wbotelhos.com/site-with-react-and-typescript-and-vite-and-apollo
- Size: 39.1 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Site with React and TypeScript and Vite and Apollo
Using [React](https://react.dev) with [TypeScript](https://www.typescriptlang.org) we'll consume a [GraphQL](https://graphql.org) API using [Apollo](https://www.apollographql.com) and build a simple site.
This site will have different pages so the [React Router](https://reactrouter.com) will be set in place and the entire project will be supported by [Vite](https://vitejs.dev).
## Setup
```sh
# clone the project
git clone [email protected]:wbotelhos/site-with-react-and-typescript-and-vite-and-apollo.git# access the project
cd site-with-react-and-typescript-and-vite-and-apollo# installs the dependencies
yarn install# run the server
yarn dev# open the browser
open localhost:5173
```