{"id":13417078,"url":"https://github.com/apicgg/vite-mern-template","last_synced_at":"2025-04-09T07:06:55.239Z","repository":{"id":53256030,"uuid":"518902255","full_name":"apicgg/vite-mern-template","owner":"apicgg","description":"Simple production ready boilerplate for MERN stack with Vite.","archived":false,"fork":false,"pushed_at":"2025-03-11T21:57:02.000Z","size":1567,"stargazers_count":83,"open_issues_count":3,"forks_count":14,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-24T21:03:42.656Z","etag":null,"topics":["boilerplate-front-end","express","mern-stack","reactjs","redux-toolkit","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/apicgg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-28T15:35:32.000Z","updated_at":"2025-03-09T18:44:50.000Z","dependencies_parsed_at":"2023-12-16T07:38:27.211Z","dependency_job_id":"7f9b6edd-aed1-4fb5-b57f-7c9b36de4cfa","html_url":"https://github.com/apicgg/vite-mern-template","commit_stats":null,"previous_names":[],"tags_count":8,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apicgg%2Fvite-mern-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apicgg%2Fvite-mern-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apicgg%2Fvite-mern-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apicgg%2Fvite-mern-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/apicgg","download_url":"https://codeload.github.com/apicgg/vite-mern-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247994121,"owners_count":21030050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate-front-end","express","mern-stack","reactjs","redux-toolkit","typescript","vite"],"created_at":"2024-07-30T22:00:32.276Z","updated_at":"2025-04-09T07:06:55.202Z","avatar_url":"https://github.com/apicgg.png","language":"TypeScript","funding_links":[],"categories":["Get Started"],"sub_categories":["Templates"],"readme":"# vite-mern-template\n\n[![Depfu](https://badges.depfu.com/badges/1b70410a7764005553d576dd171dce8d/status.svg)](https://depfu.com)\n[![Depfu](https://badges.depfu.com/badges/1b70410a7764005553d576dd171dce8d/count.svg)](https://depfu.com/github/apicgg/vite-mern-template?project_id=38988)\n\n\u003e Simple opinionated boilerplate for MERN stack with Vite, Redux Toolkit and TypeScript.\n\n\u003e This includes React+TypeScript with familiar configuration for vite.config.ts for front-end and Express+TypeScript for back-end.\n\nFeel free to add or tweak the setup as needed.\n\nThis has been created with the official [Vite](https://vitejs.dev/) template (`npm create vite@latest`) and some extended setup. There are two separate folders called `backend` and `frontend`. The entry point for the backend is `backend/src/index.js`.\n\nAny package manager can be used with this project (e.g. npm or yarn or pnpm).\n\n```\nIf you love this boilerplate, give it a star, you will be a ray of sunshine in our lives :)\n```\n\n\u003e Thanks to [awesome-vite](https://github.com/vitejs/awesome-vite) for publishing this project.\n\n## Tools \u0026 Technology\n\n### Front-end\n\n- [React](https://reactjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [React Router DOM](https://reactrouter.com/)\n- [Redux Toolkit](https://redux-toolkit.js.org/)\n- [TanStack Query](https://tanstack.com/query/latest)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)\n- [Vitest](https://vitest.dev/)\n- [Prettier](https://prettier.io/)\n- [Eslint](https://eslint.org/)\n\n### Back-end\n\n- [Node.js](https://nodejs.org/en)\n- [Express](https://expressjs.com/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [express-async-handler](https://www.npmjs.com/package/express-async-handler)\n- [mongoose](https://mongoosejs.com/)\n- [argon2](https://www.npmjs.com/package/argon2)\n- [jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)\n- [Prettier](https://prettier.io/)\n- [Eslint](https://eslint.org/)\n\n#### The dependency versions are managed by [depfu](https://depfu.com/).\n\n## Requirements\n\n- [Node.js](https://nodejs.org/en/) 18+\n\n## Demo\n\n![vite-mern-template-gh-demo](https://user-images.githubusercontent.com/78271602/234833309-fe8df564-2895-4727-be1e-c807fe142333.gif)\n\n## Installation\n\n```bash\nnpx degit apicgg/vite-mern-template my-app\n```\n\nor\n\n```bash\ngit clone https://github.com/apicgg/vite-mern-template.git\n```\n\n## Install dependencies (npm or yarn or pnpm)\n\n- Backend\n\n```bash\nnpm install\n```\n\n- Frontend\n\n```bash\ncd frontend\nnpm install\n```\n\n## Start the development server\n\n- Backend\n\n```bash\nnpm run dev:backend\n```\n\n- Frontend\n\n```bash\nnpm run dev:frontend\n```\n\n- Remove the .github folder and initialize your own git repository with ```git init```.\n\n## TODO\n\n- [x] Include eslint and prettier.\n- [x] Add testing framework.\n\n## License\n\nMIT License.\n\nPlease review the [License](https://github.com/apicgg/vite-mern-template/blob/main/LICENSE).\n\n## Contributors ✨\n\nContributions of any kind welcome! Kindly have a look into [Contributing Guidelines](CONTRIBUTING.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapicgg%2Fvite-mern-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapicgg%2Fvite-mern-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapicgg%2Fvite-mern-template/lists"}