create-next-markox-app
v0.0.2
Published
Nextjs App with typescript configure with redux, styled-components, linterns, formatters and much more...
Downloads
11
Readme
1. Installation
// Creates a folder inside the route
npx create_next_markox_app folder_name
// Clone in the actual route without creating a new folder
npx create_next_markox_app .
2. Execution
npm start // run compiled app
npm run build // build app
npm run lint // run lintern and check code errors
npm run lint:install // install linterns (there are pre-installed, for updates or errors)
3. Configuration
.env.example:
You must create two files .env.production
and .env.development
with the following parameters:
NEXT_PUBLIC_WEB_URL= // url of your web (if development probably http://localhost:3000)
NEXT_PUBLIC_IS_PRODUCTION= // true or false
4. Structure
├── .next
├── node_modules
├── public
├── src
│ ├── components
│ ├── hooks
│ ├── lib
│ ├── pages
│ ├── redux
│ ├── styles
│ │ ├── global
│ │ ├── pageStyled
│ ├── types
│ ├── utils
├── .editorconfig
├── .env.development
├── .env.example
├── .env.production
├── .eslintrc.js
├── .gitignore
├── .lintstagedrc.js
├── manifest.config.cjs
├── next-env.d.ts
├── next.config.js
├── package.json
├── README.md
├── tsconfig.json
└── sitemap.config.cjs
5. Related
- create-next-app - Create Next.js apps in one command
- Nextjs - The React Framework for Production
- Typescript - Typed JavaScript at Any Scale.
- Redux - A Predictable State Container for JS Apps
- Styled-components - Visual primitives for the component age.
- Eslint - Find and fix problems in your JavaScript code.
- Rome - An experimental JavaScript toolchain.