NextJS project Pack

commands.sh

npm i next react react-dom axios serverless-mysql md5 uuidv4 cors localforage date-fns sass

mkdir public src styles

mkdir public/assets src/pages src/libs src/services src/components

mkdir src/components/templates src/components/layouts src/pages/api

mkdir src/pages/api/frontend src/pages/api/dashboard

touch next.config.js jsconfig.json .gitignore

touch src/pages/_app.jsx src/pages/_document.jsx

touch src/pages/api/dashboard/index.js src/pages/api/frontend/index.js

touch src/services/api.js src/libs/db.js src/libs/utils.js

touch public/assets/.gitkeep

#nprogress{pointer-events:none;display:block}#nprogress .bar{background:var(--primary-color);position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--primary-color),0 0 5px var(--primary-color);opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;bottom:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:var(--primary-color);border-left-color:var(--primary-color);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@Keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}