{"id":13630682,"url":"https://github.com/ChoTotOSS/cna","last_synced_at":"2025-04-17T17:31:35.100Z","repository":{"id":57201683,"uuid":"100475075","full_name":"ChoTotOSS/cna","owner":"ChoTotOSS","description":"⚡️⚡️ Create next.js apps boilerplate.⚡️⚡️","archived":false,"fork":false,"pushed_at":"2020-03-31T07:26:30.000Z","size":111,"stargazers_count":24,"open_issues_count":3,"forks_count":8,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-11T12:54:26.292Z","etag":null,"topics":["boilerplate","cli","express","nextjs","reactjs","redux","styled-components"],"latest_commit_sha":null,"homepage":"https://chototoss.github.io/cna/","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ChoTotOSS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-16T09:55:49.000Z","updated_at":"2023-11-15T04:33:44.000Z","dependencies_parsed_at":"2022-09-17T06:21:33.990Z","dependency_job_id":null,"html_url":"https://github.com/ChoTotOSS/cna","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fcna","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fcna/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fcna/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fcna/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChoTotOSS","download_url":"https://codeload.github.com/ChoTotOSS/cna/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248409298,"owners_count":21098765,"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","cli","express","nextjs","reactjs","redux","styled-components"],"created_at":"2024-08-01T22:01:54.548Z","updated_at":"2025-04-17T17:31:34.585Z","avatar_url":"https://github.com/ChoTotOSS.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# CNA (create next.js app)\nCreate next.js web app based on [next.js](https://github.com/zeit/next.js/).\n\n - [Getting started](https://github.com/ChoTotOSS/cna#getting-started)\n - [User guide](https://learnnextjs.com/) - How to get start with next.js\n - [Examples of next.js](https://github.com/zeit/next.js/tree/master/examples) - Check out small examples of next.js\n\n# Quick overview\n```bash\nnpx cna new my-app\ncd my-app\nnpm start\n```\n\nThen open [http://localhost:8080/](http://localhost:8080/) to see your app.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/6290720/45011706-13b6ad00-b03e-11e8-992e-ca776dc372d7.gif\" /\u003e\n\u003c/p\u003e\n\n## Creating an App\n\nYou’ll need to have Node \u003e= 6 on your machine. You can use [nvm](https://github.com/creationix/nvm#usage) to easily switch Node versions between different projects.\n\nTo create a new app, you may choose one of the following methods:\n\n### npx\n\n```bash\nnpx cna new my-app\n```\n\n### npm\n```bash\nnpm i -g cna\ncna new my-app\n```\n\n**Structure:**\n\n```\nmy-app\n├── app/\n    └── assests/\n    └── components/\n    └── containers/\n    └── hoc/\n    └── middlewares/\n    └── pages/\n    └── static/\n    └── utils/\n    └── config.js\n    └── next.config.js\n    └── routes.js\n    └── store.js\n    └── reducer.js\n    └── saga.js\n├── .babelrc\n├── .dockerignore\n├── .editorconfig\n├── .eslintignore\n├── .eslintrc\n├── .gitignore\n├── .prettierrc\n├── Dockerfile\n├── index.js\n├── package.json\n├── README.md\n├── server.js\n```\n\n# Generators\nProvide commands to create new: page, container, component and HOC.\n\n**Note:** You should stay at root directory of project and run commands.\n\n## `cna new my-app`\nTo create new web application with name `my-app`\n\n## `cna page`\nTo create new page. New page is located at `pages` directory.\n\n## `cna container`\nTo create new container. New page is located at `containers` directory.\n\n## `cna component`\nTo create new component. New page is located at `components` directory.\n\n## `cna hoc`\nTo create new HOC. New page is located at `hocs` directory.\n\n# Commands\n\n## `npm start` or `yarn start`\n\nRuns app in development mode.\n\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe app will automatically reload when code changes.\n\n## `npm run build` or `yarn run build`\n\nBuilds app in production mode.\n\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\n## `npm run production` or `yarn run production`\n\nBuilds and runs app in production mode.\n\nNow your app is ready to deploy.\n\n# Demo\n## Screenshot\n![screen shot 2017-08-16 at 5 05 09 pm](https://user-images.githubusercontent.com/6290720/29358574-b8582fb8-82a5-11e7-9e67-1dd8ae45dc7b.png)\n\n## iOS full screen\n![aug-16-2017 17-04-40](https://user-images.githubusercontent.com/6290720/29358522-8a84a8fa-82a5-11e7-9a34-aaccef3a2912.gif)\n\n\n# What's inside?\n\n**Technologies**\n - [next.js](https://github.com/zeit/next.js/)\n - [Express](https://expressjs.com/)\n - [styled-components](https://www.styled-components.com/)\n - [react](https://facebook.github.io/react/)\n - [redux](http://redux.js.org/)\n \n**Data source**\n - [Unofficial Hacker News API](https://github.com/cheeaun/node-hnapi) by cheeaun \n\n# Alternatives\n\nIf you don’t agree with the choices made in this project, you might want to explore alternatives with different tradeoffs.\nSome of the more popular and actively maintained ones are:\n\n* [facebookincubator/create-react-app](https://github.com/facebookincubator/create-react-app)\n* [insin/nwb](https://github.com/insin/nwb)\n* [mozilla-neutrino/neutrino-dev](https://github.com/mozilla-neutrino/neutrino-dev)\n* [jaredpalmer/razzle](https://github.com/jaredpalmer/razzle)\n* [NYTimes/kyt](https://github.com/NYTimes/kyt)\n* [gatsbyjs/gatsby](https://github.com/gatsbyjs/gatsby)\n* [electrode-io/electrode](https://github.com/electrode-io/electrode)\n* [enclave](https://github.com/eanplatter/enclave)\n* [motion](https://github.com/steelbrain/pundle/tree/master/packages/motion)\n* [quik](https://github.com/satya164/quik)\n* [sagui](https://github.com/saguijs/sagui)\n* [roc](https://github.com/rocjs/roc)\n* [aik](https://github.com/d4rkr00t/aik)\n* [react-app](https://github.com/kriasoft/react-app)\n* [dev-toolkit](https://github.com/stoikerty/dev-toolkit)\n* [sku](https://github.com/seek-oss/sku)\n* [gluestick](https://github.com/TrueCar/gluestick)\n* [create-next-app](https://github.com/segmentio/create-next-app)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FChoTotOSS%2Fcna","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FChoTotOSS%2Fcna","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FChoTotOSS%2Fcna/lists"}