{"id":29174886,"url":"https://github.com/burakueda/laravel-angular-postgresql-tailwindcss-fullstack-template","last_synced_at":"2026-04-11T09:31:53.547Z","repository":{"id":302233177,"uuid":"1011698123","full_name":"BurakUeda/Laravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template","owner":"BurakUeda","description":"Docker-based fullstack development environment including Laravel, Angular, PostgreSQL, Nginx and TailwindCSS","archived":false,"fork":false,"pushed_at":"2025-07-01T08:37:54.000Z","size":9,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-01T09:22:34.185Z","etag":null,"topics":["angular","laravel","nginx","php","postgresql","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"Dockerfile","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/BurakUeda.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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,"zenodo":null}},"created_at":"2025-07-01T07:59:05.000Z","updated_at":"2025-07-01T08:40:12.000Z","dependencies_parsed_at":"2025-07-01T09:22:42.265Z","dependency_job_id":"2527138e-7c12-44dc-8aca-b6b0249db6db","html_url":"https://github.com/BurakUeda/Laravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template","commit_stats":null,"previous_names":["burakueda/laravel-angular-postgresql-tailwindcss-fullstack-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BurakUeda/Laravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BurakUeda%2FLaravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BurakUeda%2FLaravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BurakUeda%2FLaravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BurakUeda%2FLaravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BurakUeda","download_url":"https://codeload.github.com/BurakUeda/Laravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BurakUeda%2FLaravel-Angular-PostgreSQL-TailwindCSS-Fullstack-Template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262988794,"owners_count":23395683,"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":["angular","laravel","nginx","php","postgresql","tailwindcss","typescript"],"created_at":"2025-07-01T15:25:44.111Z","updated_at":"2026-04-11T09:31:53.512Z","avatar_url":"https://github.com/BurakUeda.png","language":"Dockerfile","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Laravel 12 and Angular Fullstack Template\nThis is a complete, Docker-based fullstack development environment including:\n- \u003cimg height=\"14\" src=\"img.png\" width=\"14\" alt=\"\"/\u003e Laravel/PHP API backend\n- ⚙️ Angular frontend with TailwindCSS v4\n- 🐘 PostgreSQL\n- 🌐 Nginx (for serving production builds)\n\nYou don't need Node.js and Composer installed on your computer.\n\n## Requirements\n[Docker Desktop](https://www.docker.com/products/docker-desktop) installed and running.\n\n---\n\n## 🛠️ Installation\n\n### 1) Set Up Your App Name and Database Credentials\nCreate a `.env` file in the project root:\n```dotenv\nAPP_NAME=my_app\nDB_NAME=app_db\nDB_USER=app_user\nDB_PASSWORD=supersecurepassword\n```\n\n---\n### 2) Creating Laravel Backend\n1. Open a terminal in your project’s root folder.\n2. Run the following command to generate your Laravel app inside the `backend` folder.\n```bash\ndocker run --rm -v \"${PWD}/backend:/app\" -w /app laravelsail/php83-composer:latest bash -c \"composer create-project laravel/laravel .\"\n```\n\n---\n### 3) Create the Angular Frontend\n1. Open a terminal in your project’s root folder.\n2. Run the following command to generate your Angular app inside the `frontend` folder.\n```bash\ndocker run -it --rm -v \"${PWD}/frontend:/app\" -w /app node:22 sh -c \"npm install -g @angular/cli \u0026\u0026 ng new YOUR-APP-NAME-HERE --directory=. --style=css --routing --strict --skip-git --skip-install --force\"\n```\n\u003e🔧 Replace  `YOUR-APP-NAME-HERE` with your project name.\n3. To enable hot reload (instant updates on file change), edit `frontend/package.json`.\n\nChange:\n```json\n\"start\": \"ng serve\"\n```\nTo:\n```json\n\"start\": \"ng serve --host 0.0.0.0 --port 4200 --poll=1000\"\n```\n---\n### 4) Build and Start All Services\nOpen a terminal in your project’s root folder and run:\n```bash\ndocker-compose up --build -d\n```\n\u003e🕐 This may take a minute.\n---\n### 5) Add TailwindCSS to Angular\n1. Inside the `/frontend` folder, run:\n```bash\ndocker-compose exec angular_frontend npm install tailwindcss @tailwindcss/postcss postcss --force\n```\n2. Create a `frontend/.postcssrc.json` file:\n```json\n{\n  \"plugins\": {\n    \"@tailwindcss/postcss\": {}\n  }\n}\n```\n3. Edit `frontend/src/styles.css` and add:\n```css\n@import \"tailwindcss\";\n```\n---\n### 6) Set up Your Database for Laravel\n1. Edit `/backend/.env` file and enter your database details:\n```bash\nDB_CONNECTION=pgsql\nDB_HOST=postgres_db\nDB_PORT=5432\nDB_DATABASE=app_db # Same with the .env file in your root folder.\nDB_USERNAME=app_user # Same with the .env file in your root folder.\nDB_PASSWORD=supersecurepassword # Same with the .env file in your root folder.\n```\n2. Create initial tables using Laravel's `migration`. \\\nInside the `/backend` folder, run:\n```bash\ndocker-compose exec laravel_backend php artisan migrate\n```\n3. If you're using any database management tool, such as [DBeaver](https://dbeaver.io/download/), here are the connection details:\n```bash\nHost: localhost\nPort: 5432\nDatabase: app_db # Same with the .env file in your root folder.\nUsername:app_user # Same with the .env file in your root folder.\nPassword:supersecurepassword # Same with the .env file in your root folder.\n```\n### Once everything is done:\n- Open http://localhost:4200 to view the Angular app.\n- Use `docker ps` to check that all containers are running.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fburakueda%2Flaravel-angular-postgresql-tailwindcss-fullstack-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fburakueda%2Flaravel-angular-postgresql-tailwindcss-fullstack-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fburakueda%2Flaravel-angular-postgresql-tailwindcss-fullstack-template/lists"}