https://github.com/elvinlari/laravel-vite-docker
Running Laravel and React stacks together using Vite and InertiaJS on Docker.
https://github.com/elvinlari/laravel-vite-docker
docker docker-compose inertiajs laravel reactjs vitejs
Last synced: 5 months ago
JSON representation
Running Laravel and React stacks together using Vite and InertiaJS on Docker.
- Host: GitHub
- URL: https://github.com/elvinlari/laravel-vite-docker
- Owner: elvinlari
- License: mit
- Created: 2022-09-30T22:19:51.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-18T09:04:40.000Z (almost 3 years ago)
- Last Synced: 2024-05-02T05:12:19.679Z (about 2 years ago)
- Topics: docker, docker-compose, inertiajs, laravel, reactjs, vitejs
- Language: PHP
- Homepage:
- Size: 169 KB
- Stars: 37
- Watchers: 1
- Forks: 16
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Laravel-Vite-Docker
Running Laravel and React stacks together using Vite and InertiaJS on Docker.
Explore project's blog »
Report Bug
·
Request Feature
Table of Contents
## About The Project
This is a Laravel boilerplate running with ReactJS as frontend on Docker. It makes use of Vite and InertiaJS to achieve this.
_For more details, please refer to the project's [Blog](https://betterprogramming.pub/dockerize-laravel-vite-react-application-in-your-development-environment-a118aea4a02d?source=friends_link&sk=98e665436b5bd2e2ec9cc4d57fcce130)_
### Built With
Here is a list of major frameworks used to bootstrap the project.
* [![React][React.js]][React-url]
* [![Laravel][Laravel.com]][Laravel-url]
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
In order to run this prroject you should have `Docker` and `Docker Compose` installed on your local machine.
### Installation
To set up the application simply clone the repo using the below command.
```
git clone https://github.com/elvinlari/laravel-vite-docker.git
```
## Usage
You can use this code as a boilerplate for building your next **Cloud Native** Laravel application.
Containers from this project can be deployed on *Kubernetes*, *Docker Swarm* or whichever orchestrator you prefer.
## Roadmap
- [x] Project core
- [ ] Add git actions for creating and uploading docker images to a Registry
See the [open issues](https://github.com/elvinlari/laravel-vite-docker/issues) for a full list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE` file for more information.
## Contact
Elvin Lari - [@elvinlarie](https://twitter.com/elvinlarie) - elvinlari@gmail.com
Project Link: [https://github.com/elvinlari/laravel-vite-docker](https://github.com/elvinlari/laravel-vite-docker)
## Acknowledgments
Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!
* [Choose an Open Source License](https://choosealicense.com)
* [Vite JS](https://vitejs.dev/)
* [Inertia JS](https://inertiajs.com/)
* [Malven's Grid Cheatsheet](https://grid.malven.co/)
* [Img Shields](https://shields.io)
* [GitHub Pages](https://pages.github.com)
* [Font Awesome](https://fontawesome.com)
* [React Icons](https://react-icons.github.io/react-icons/search)
[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/elvinlari/laravel-vite-docker/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/elvinlari/laravel-vite-docker/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/elvinlari/laravel-vite-docker/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/elvinlari/laravel-vite-docker/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[license-url]: https://github.com/elvinlari/laravel-vite-docker/blob/master/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/elvin-lari
[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[Angular-url]: https://angular.io/
[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[Svelte-url]: https://svelte.dev/
[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[Laravel-url]: https://laravel.com
[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[JQuery-url]: https://jquery.com