{"id":13406779,"url":"https://github.com/StartBootstrap/sb-clean-blog-angular","last_synced_at":"2025-03-14T11:30:46.613Z","repository":{"id":38461190,"uuid":"242229093","full_name":"StartBootstrap/sb-clean-blog-angular","owner":"StartBootstrap","description":"Open sourced Bootstrap themed Angular 9 starter project.","archived":false,"fork":false,"pushed_at":"2023-09-15T18:23:49.000Z","size":8613,"stargazers_count":102,"open_issues_count":23,"forks_count":114,"subscribers_count":6,"default_branch":"develop","last_synced_at":"2024-07-31T19:54:45.461Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://startbootstrap.com/themes/clean-blog-angular/","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/StartBootstrap.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2020-02-21T20:55:57.000Z","updated_at":"2024-06-04T17:42:21.000Z","dependencies_parsed_at":"2024-10-26T02:40:01.725Z","dependency_job_id":"b1f6dd46-46e8-47f5-89e2-24beca6cb8c2","html_url":"https://github.com/StartBootstrap/sb-clean-blog-angular","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fsb-clean-blog-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fsb-clean-blog-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fsb-clean-blog-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fsb-clean-blog-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StartBootstrap","download_url":"https://codeload.github.com/StartBootstrap/sb-clean-blog-angular/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243569078,"owners_count":20312356,"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":[],"created_at":"2024-07-30T19:02:39.078Z","updated_at":"2025-03-14T11:30:46.605Z","avatar_url":"https://github.com/StartBootstrap.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# SB Clean Blog Angular\n\n[![Build Status](https://travis-ci.org/StartBootstrap/sb-clean-blog-angular.svg?branch=master)](https://travis-ci.org/StartBootstrap/sb-clean-blog-angular)\n\nSB Clean Blog Angular is a free and open-sourced Bootstrap themed Angular 9 starter project.\n\nIt shares the same project structure and subset of tooling from our professional offering,\n[SB Admin Pro Angular](https://themes.startbootstrap.com/sb-admin-pro-angular/),\nso much of the [SB Admin Pro Angular Documentation](https://docs.startbootstrap.com/sb-admin-pro-angular/quickstart) is applicable.\n\nIn particular the documentation for [Structure](https://docs.startbootstrap.com/sb-admin-pro-angular/structure-root-level),\nand the documentation for [SBPro Schematics](https://docs.startbootstrap.com/sb-admin-pro-angular/development-general#sb-pro-schematics)\n\nSB Clean Blog Angular comes with a base implementation of navigation and layouts.\n\nFor professionally designed components (including an advanced SideNav), 100% code coverage,\nstarter cypress tests and more, please consider our professional offering:\n[SB Admin Pro Angular](https://themes.startbootstrap.com/sb-admin-pro-angular/)\n\n## Links\n\n[Click here for demo](https://sb-clean-blog.startbootstrap.com/)\n\n[Click here for the backend.](https://github.com/StartBootstrap/sb-clean-blog-node)\nBuilt with Node.js, Typescript, Fastify, and TypeORM\n\n[Click here to view Angular code coverage](https://sb-clean-blog.startbootstrap.com/coverage/sb-clean-blog-angular/index.html)\n\n[Click here to view Node code coverage](https://sb-clean-blog.startbootstrap.com/coverage/sb-clean-blog-node/index.html)\n\n## Quick Start\n\n```bash\ngit clone git@github.com:startbootstrap/sb-clean-blog-angular.git\ncd sb-clean-blog-angular\nnpm install\nnpm start\n```\n\n`npm start` should open a browser window to \u003chttp://localhost:4200\u003e\n\nBy default angular runs on port 4200. To change this port you can run:\n\n```bash\n# This starts the development server on port 4205,\n# but you can use any port you'd like\nexport PORT=4205 \u0026\u0026 npm start\n```\n\n### Why do I not see any posts?\n\nBe sure you have [sb-clean-blog-node](https://github.com/StartBootstrap/sb-clean-blog-node) running.\n\n### How do I create/update/delete posts?\n\nNavigate to \u003chttp://localhost:4200/auth/login\u003e \n\nUse the password you set in the [sb-clean-blog-node](https://github.com/StartBootstrap/sb-clean-blog-node)\n.env file for: `DB_ROOT_USER_PASSWORD`\n\n## Tests\n\n### Unit Tests\n\n```bash\nnpm run test\n\n# To keep the test runner going as you devleop tests use:\nnpm run test:dev\n```\n\n### e2e\n\n```bash\nnpm run e2e\n\n# To run against currently running server instead of launching a new server\nnpm run e2e:running\n```\n\n## Production\n\nSB Clean Blog Angular comes with a production ready Dockerfile and build scripts.\n\nYou can get Docker [here](https://www.docker.com/get-started)\n\n```bash\n# Be sure to build the app first\nnpm run build\n\n# Then build the docker image\nnpm run docker:build\n\n# Then run the image\nnpm run docker:run\n```\n\n## Generate Code\n\n```bash\nnpm run generate:module -- --path src/modules --name Test\nnpm run generate:component -- --path src/modules/test/containers --name Test\nnpm run generate:component -- --path src/modules/test/components --name Test\nnpm run generate:directive -- --path src/modules/test/directives --name Test\nnpm run generate:service -- --path src/modules/test/services --name Test\n```\n\n_Note: Creating a Component and a Container use the same command,\nthe difference is just the paths and how they are used._\n\n### MVCC\n\nContainers and Components are both Angular Components, but used in different ways.\n\nContainers should arrange Components.\n\nObviously this can become subjective, but MVCC is the paradigm that we subscribe to.\n\n## Troubleshooting\n\n### npm start\n\nIf you receive memory issues adjust\n`max_old_space_size` in the `ng` command of the `package.json`:\n\n```json\n\"ng\": \"cross-env NODE_OPTIONS=--max_old_space_size=2048 ./node_modules/.bin/ngngu\",\n```\n\nYou can adjust 2048 to any number you need.\n\nFor more information about why you may need `--max_old_space_size`\nsee [this article](https://medium.com/@ashleydavis75/node-js-memory-limitations-30d3fe2664c0).\n\nKeep in mind that this project only uses node to build the angular application.\nThere is no production dependency on node.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FStartBootstrap%2Fsb-clean-blog-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FStartBootstrap%2Fsb-clean-blog-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FStartBootstrap%2Fsb-clean-blog-angular/lists"}