https://github.com/altmshfkgudtjr/varsarr

Vite + React + Axios + Styled-Components + Recoil + React-Query Boilerplate
https://github.com/altmshfkgudtjr/varsarr

axios boilerplate hacktoberfest react react-query recoil styled-components template vite

Last synced: 25 days ago
JSON representation

Vite + React + Axios + Styled-Components + Recoil + React-Query Boilerplate

• Host: GitHub
• URL: https://github.com/altmshfkgudtjr/varsarr
• Owner: altmshfkgudtjr
• License: mit
• Created: 2022-08-14T08:51:48.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-11T22:28:44.000Z (28 days ago)
• Last Synced: 2025-04-11T23:31:40.713Z (28 days ago)
• Topics: axios, boilerplate, hacktoberfest, react, react-query, recoil, styled-components, template, vite
• Language: TypeScript
• Homepage:
• Size: 192 KB
• Stars: 29
• Watchers: 1
• Forks: 9
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• fucking-awesome-vite - Varsarr - React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports. (Get Started / Templates)
• awesome-vite - Varsarr - React, Typescript, Styled-Components, Recoil, React-Query, Axios, Absolute imports. (Get Started / Templates)

README

        
# ⚡️ Varsarr

[![CodeQL workflow](https://github.com/altmshfkgudtjr/varsarr/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/wtchnm/Vitamin/actions/workflows/codeql-analysis.yml/badge.svg) [![Total alerts](https://img.shields.io/lgtm/alerts/g/altmshfkgudtjr/varsarr.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/altmshfkgudtjr/varsarr/alerts/) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/altmshfkgudtjr/varsarr.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/altmshfkgudtjr/varsarr/context:javascript) [![code style: prettier](https://camo.githubusercontent.com/48a41f43affa2e6253d6a48e0ee662ec53ce13c46442ac815e81d36b6e6b434d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636f64655f7374796c652d70726574746965722d6666363962342e737667)](https://github.com/prettier/prettier) [![license](https://camo.githubusercontent.com/45b4ffbd594af47fe09a3432f9f8e122c6518aa6352b4ce453a1a2563da2905c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e737667)](https://github.com/wtchnm/Vitamin/blob/main/LICENSE)

Speedy Vite Boilerplate.

![Varsarr](https://user-images.githubusercontent.com/47492535/184534122-93699988-ff25-4ba4-8816-22bcc80324c8.png)

- [Vite](https://vitejs.dev)

- [React](https://reactjs.org)

- [Axios](https://axios-http.com)

- [Styled-Components](https://styled-components.com)

- [Recoil](https://recoiljs.org)

- [React-Query](https://tanstack.com/query/v4/?from=reactQueryV3&original=https://react-query-v3.tanstack.com)




## Features

- [Vite](https://vitejs.dev/) with [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/) and [absolute imports](https://github.com/aleclarson/vite-tsconfig-paths).

- Use [ESLint](https://eslint.org/) and [Prettier](https://prettier.io/) on VSCode.

- GitHub Actions for automatic [dependency updates(Renovate)](https://renovatebot.com/), [CodeQL Analysis](https://securitylab.github.com/tools/codeql).




## Getting Started

Use this repository as a [GitHub template](https://github.com/wtchnm/Vitamin/generate) or use [degit](https://github.com/Rich-Harris/degit) to clone to your machine with an empty git history:

```shell

npx degit altmshfkgudtjr/varsarr#main my-app

```

Then, install the dependencies:

```shell

npm install

```

or

```shell

yarn install

```




## Check List

- [ ] If you don't plan to use GitHub Actions, delete the `.github` folder.

- [ ] Change the `name` field in package.json.

- [ ] Modify or delete the `LICENSE` file.

- [ ] Change the title, description and theme color in the `index.html`.

- [ ] Change the options in the `vite.config.ts`, `tsconfig.ts` you want.

- [ ] If you want, Change the `React-Query` options in `src/components/providers`.

- [ ] Change the global styles in the `lib/GlobalStyles.ts`