Mantine Admin
1.0.0
¡Implemente su propia copia de esta plantilla en solo unos pocos clics!
Esta plantilla tiene un montón de carpetas, ejemplos de código y configuraciones. ¡No dude en editarlos o eliminarlos, incluido este Readme!
¡Personaliza y disfruta!
¡Este proyecto presenta todas las últimas herramientas y buenas prácticas en el desarrollo web!
$ git clone https://github.com/ < YOUR-GITHUB-LOGIN > / < NAME-OF-YOUR-GENERATED-REPOSITORY > .gitAntes de que pueda comenzar a desarrollar su súper aplicación, debe instalar las dependencias del proyecto.
Muévete a la raíz del proyecto:
$ cd < NAME-OF-YOUR-GENERATED-REPOSITORY >Para los siguientes pasos, elija un administrador de paquetes de su elección y cambie los comandos contenidos en los scripts
package.json. Consulte su documentación para obtener más información:
- PNPM (Recomiendo)
- Npm
Instale todas las dependencias del proyecto:
# PNPM
$ pnpm install
# NPM
$ npm installUna vez que se hayan instalado todas las dependencias, puede ejecutar el servidor de desarrollo local:
# PNPM
$ pnpm dev
# NPM
$ npm run dev¡Ahora solo código!
Después de aplicar los cambios, puede generar una compilación para probar y/o implementar en su entorno de producción.
Hacer una construcción de producción:
# PNPM
$ pnpm build
# NPM
$ npm run buildY luego ejecuta la construcción:
# PNPM
$ pnpm start
# NPM
$ npm start # PNPM
$ pnpm run lint
# NPM
$ npm run lint # PNPM
$ pnpm run lint:fix
# NPM
$ npm run lint:fix # PNPM
$ pnpm run test # or pnpm run test:watch
# NPM
$ npm run test # or npm run test:watch # PNPM
$ pnpm run type-check
# NPM
$ npm run type-check # PNPM
$ pnpm run format
# NPM
$ npm run format # PNPM
$ pnpm run up
# NPM
$ npm run up # PNPM
$ pnpm run up-latest
# NPM
$ npm run up-latest # PNPM
$ pnpm run release-as-major
# NPM
$ npm run release-as-major # PNPM
$ pnpm run release-as-minor
# NPM
$ npm run release-as-minor # PNPM
$ pnpm run release-as-patch
# NPM
$ npm run release-as-patch # PNPM
$ pnpm run push-release
# NPM
$ npm run push-release # PNPM
$ pnpm run pull
# NPM
$ npm run pull Coloque el archivo babel.config.js (ubicado en la ruta src/scripts ) en la raíz del proyecto y eliminar el archivo .babelrc .
Descopment La línea de importación wdyr en pages/_app.tsx .
¡Eso es todo! ¡Ahora puedes reaccionar reaccionando los reaccionados!
Simplemente elimine los archivos babel.config.js y wdyr.ts , elimine la línea de importación wdyr en pages/_app.tsx y desinstale:
# PNPM
$ pnpm uninstall @welldone-software/why-did-you-render
# NPM
$ npm uninstall @welldone-software/why-did-you-renderConsulte a continuación el árbol de archivos para comprender la estructura del proyecto.
Las carpetas y los archivos marcados con (
**) son opcionales, por lo que puede eliminar entonces.
mantine-admin/
┣ .github/ # GitHub's folder configs **
┣ .husky/ # Husky's folder
┃ ┣ ? commit-msg # Commitlint git hook
┃ ┗ ? pre-commit # Lint-staged git hook
┣ .vscode/ # VSCode's workspace **
┣ public/ # Public folder
┃ ┣ static/ # Static files folder **
┃ ┃ ┣ icons/ # Icons folder **
┃ ┃ ┣ images/ # Images folder **
┃ ┃ ┣ sounds/ # Sounds folder **
┃ ┃ ┗ videos/ # Videos folder **
┃ ┣ docs/ # Documentation folder **
┃ ┃ ┣ demo/ # Demonstrations project **
┃ ┃ ┗ translations/ # Translations folder **
┃ ┣ ? favicon.ico # Icon tab browser
┣ src/
┃ ┣ app/ # App pages
┃ ┣ components/ # App Components
┃ ┃ ┗ Motion/ # Mantine-UI components **
┃ ┣ hooks/ # React Hooks **
┃ ┃ ┗ ? useFetch.ts # SWR fetch hook (optional) **
┃ ┣ interfaces/ # TypeScript Interfaces
┃ ┣ scripts/ # Additional scripts **
┃ ┃ ┣ ? babel.config.js # Babel config with WDYR **
┃ ┃ ┗ ? wdyr.ts # WDYR file **
┃ ┣ services/ # Services
┃ ┃ ┗ users/
┃ ┃ ┣ ? index.ts # React Query Configuration
┃ ┃ ┗ ? keys.ts # React Query Key
┃ ┣ stores/ # Zustand stores
┃ ┣ styles/ # Styles folder
┃ ┃ ┣ ? bgImages.ts # SVG background images **
┃ ┃ ┗ ? theme.ts # Mantine-UI theme
┃ ┗ utils/ # Useful functions **
┣ ? .babelrc # Default Babel config
┣ ? .editorconfig # Editor config
┣ ? .eslintignore # ESLint ignore
┣ ? .eslintrc # ESLint config
┣ ? .gitignore # Git ignore
┣ ? .versionrc # Versioning config
┣ ? .commitlintrc # Commitlint config
┣ ? jest.config.js # Jest config
┣ ? jest.setup.js # Jest setup
┣ ? LICENSE # License of the project
┣ ? next-env.d.ts # Next.js types to TypeScript
┣ ? next.config.js # Next.js config
┣ ? .prettierrc # Prettier config
┣ ? README.md # Main README
┣ ? renovate.json # Renovate Bot config **
┣ ? tsconfig.json # TypeScript configAunque no es necesario, si reutiliza esta plantilla para sus proyectos, lo agradecería si me acredite y proporciona un enlace a mi perfil de GitHub en el pie de página de su proyecto . ¡Gracias!
Este proyecto tiene licencia bajo la licencia MIT ; consulte la página de la licencia para más detalles.
