Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rodzy/Vite-React-Apollo-boilerplate
⚛☄ A blazing fast React template for Apollo GraphQL client side bundled using Vite.
https://github.com/rodzy/Vite-React-Apollo-boilerplate
Last synced: about 1 month ago
JSON representation
⚛☄ A blazing fast React template for Apollo GraphQL client side bundled using Vite.
- Host: GitHub
- URL: https://github.com/rodzy/Vite-React-Apollo-boilerplate
- Owner: rodzy
- License: mit
- Created: 2020-07-27T01:18:28.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T08:03:39.000Z (almost 2 years ago)
- Last Synced: 2024-08-02T05:20:04.657Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 717 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-blazingly-fast - Vite-React-Apollo-boilerplate - ⚛☄ A blazing fast React template for Apollo GraphQL client side bundled using Vite. (JavaScript)
README
# React + Vite Apollo template ⚛☄
A blazing fast React template for Apollo GraphQL client side bundled using Vite
## Getting started 🚀
This boilerplate uses the ultra fast bundleling and compiling of [Vite](https://github.com/vitejs/vite), I would recommend diving into Vite before starting using this.
Take notice that this template is using ``apollo-boost @apollo/react-hooks graphql`` to handle the Apollo client.
### Installation 🛠
1. On GitHub:
- For users 💡😉:
- Gladly GitHub added the Template option so just click the ``Use this template`` button.
- Drop a star if you think this is worthy.
- For contributors 💻🧠:
- Check the [Contribute Tab](https://github.com/rodzy/Vite-React-Apollo-boilerplate/).
- Fork the repo & clone ``https://github.com/rodzy/Vite-React-Apollo-boilerplate.git``.
- PR's are welcome.
2. On the development environment:
- ``cd vite-react-apollo-boilerplate``.
- On your terminal run: ``yarn install`` or ``npm install``.
- ``yarn dev`` or ``npm run dev`` to start the development server.
- Server must be listening on 1 second 👀.
## File structure 🧩
```
.
├── .github
| ├── contribute
| ├── ISSUES_TEMPLATES
| └── workflows
├── node_modules
├── src
| ├── components
| ├── data
| | ├── queries
| | ├── mutations
| | ├── subscriptions
| | └── global.config.js
| ├── styles
| ├── static
| ├── App.jsx
| └── main.jsx
├── .gitignore
├── index.html
├── LICENSE
├── README.md
├── package.json
├── vite.config.js
└── yarn-lock
```