{"id":21412608,"url":"https://github.com/synxty/create-synxty-app","last_synced_at":"2025-07-14T02:32:09.150Z","repository":{"id":159177531,"uuid":"293869216","full_name":"synxty/create-synxty-app","owner":"synxty","description":"Start your projects like a pro","archived":false,"fork":false,"pushed_at":"2020-09-11T23:56:59.000Z","size":100,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-06T14:42:39.546Z","etag":null,"topics":["commitizen","commitlint","eslint","husky","nextjs","npx","react"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/create-synxty-app","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/synxty.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}},"created_at":"2020-09-08T16:38:56.000Z","updated_at":"2022-05-02T08:54:04.000Z","dependencies_parsed_at":"2023-05-25T19:45:52.338Z","dependency_job_id":null,"html_url":"https://github.com/synxty/create-synxty-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/synxty/create-synxty-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/synxty%2Fcreate-synxty-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/synxty%2Fcreate-synxty-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/synxty%2Fcreate-synxty-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/synxty%2Fcreate-synxty-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/synxty","download_url":"https://codeload.github.com/synxty/create-synxty-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/synxty%2Fcreate-synxty-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265233753,"owners_count":23731825,"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":["commitizen","commitlint","eslint","husky","nextjs","npx","react"],"created_at":"2024-11-22T18:14:43.872Z","updated_at":"2025-07-14T02:32:08.819Z","avatar_url":"https://github.com/synxty.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- omit in toc --\u003e\n# Create a Synxty App\n\n\u003cimg src=\".github/assets/banner.png\" /\u003e\n\n\u003c!-- omit in toc --\u003e\n## Start your projects like a pro\n\n\u003c!-- omit in toc --\u003e\n### Table of Contents\n\n- [📃 Why?](#-why)\n- [🎨 Creating a Project](#-creating-a-project)\n- [📁 Folder Structure](#-folder-structure)\n- [▶️ Available Scripts Within the Created Project](#️-available-scripts-within-the-created-project)\n- [🧠 Learn More](#-learn-more)\n- [⚖️ License](#️-license)\n\n## 📃 Why?\n\n\u003c!-- omit in toc --\u003e\n### Well...\n✅ TypeScript is default  \n✅ Next.js because SEO is essential and SSR is included  \n✅ styled-components, write CSS with JS? Thanks  \n✅ Jest, the only library you need to test your app behavior  \n✅ Your code will always be beautiful with Prettier  \n✅ ESLint to keep a code pattern between the team  \n✅ lint-staged to assure that every code gets linted when committed  \n✅ Your commits will be meaningful with commitizen and commitlint  \n✅ A complete README file, every project deserves one\n\nOverall, creating a project with `create-synxty-app` is as easy as create-react-app or create-next-app but it sets you and your team ready to develop with a much better experience.\n\n## 🎨 Creating a Project\n\nUsing npm, run the following command:\n\n`npx create-synxty-app my-app`\n\nor, using yarn:\n\n`yarn create synxty-app my-app`\n\n**Note:** Since you're probably going to run this commands in a full stack application, if you don't specify the name of the project it defaults to `web`.\n\nAnd that's it!\n\n## 📁 Folder Structure\n\nAfter the installation completes, a new directory is created with the name of your app. This is the structure that you get inside your project:\n\n```.\nmy-app/\n├── README.md\n├── node_modules/\n├── package.json\n├── .gitignore\n├── .eslintrc.json\n├── .eslintignore\n├── tsconfig.json\n├── commitlint.config.js\n├── .babelrc\n├── setupTests.js\n├── jest.config.js\n├── next-env.d.ts\n├── next.config.js\n├── .prettierrc\n├── .github/\n│   └── assets/\n│       └── banner.png\n├── public/\n│   ├── favicon.ico\n│   └── synxty.svg\n└── src/\n    ├── layouts/\n    │   ├── Home/\n    │   │    ├── index.tsx\n    │   │    ├── index.spec.tsx\n    │   │    └── styles.ts\n    ├── pages/\n    │   ├── _app.tsx\n    │   ├── _document.tsx\n    │   └── index.tsx\n    └── styles/\n        └── global.ts\n\n```\n\n## ▶️ Available Scripts Within the Created Project\n\n`npm run dev` or `yarn dev`\n\nRuns the app in development mode.  \nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.  \nThe page will reload if you make edits.  \nYou will also see any lint errors in the console.\n___\n`npm run test` or `yarn test`\n\nLaunches the test runner.  \n___\n`npm run build` or `yarn build`\n\nBuilds the app for production to the `build` folder.  \nIt correctly bundles React in production mode and optimizes the build for the best performance.  \nThe build is minified and the filenames include the hashes.\n___\n`npm start` or `yarn start`\n\nRuns the app in production.\n___\n\n## 🧠 Learn More\n\nTo learn React, check out the [React documentation](https://reactjs.org/).  \nTo learn Next.js, check out the [Next.js documentation](https://nextjs.org/docs/getting-started).  \nTo learn styled-components, checkout the [styled-components documentation](https://styled-components.com/docs).\n\n## ⚖️ License\n\nThis template is open source software [licensed as MIT](LICENSE).\n___\n\nThank you, made with 💗 by [Synxty](https://github.com/synxty).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsynxty%2Fcreate-synxty-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsynxty%2Fcreate-synxty-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsynxty%2Fcreate-synxty-app/lists"}