Set Up Project
├── public/ # Next.js public directory
├── src/ # Source files
│ ├── assets/ # Assets directory
│ ├── styles/ # Emotion styles globals and helpers
│ ├── svg/ # SVG icons
│ ├── components/ # Component directory
│ ├── Page/ # Page wrapper component
│ ├── index.ts # Export page wrapper component
│ ├── Page.tsx # Page wrapper source
│ ├── pages/ # Next.js page routes
│ ├── _app.tsx # Next.js app wrapper
│ ├── _document.tsx # Next.js document wrapper
│ ├── index.tsx # Index
└── .babelrc # Babel configuration
└── .editorconfig # Editor code styles
└── .eslintrc # ESLint configuration
└── .gitignore # Git ignored files
└── .prettierrc # Prettier configuration
└── LICENSE # License agreements
└── README.md # You are reading this
└── next.config.js # Next.js configuration
└── now.json # Vercel configuration
└── package.json # Node.js packages
└── package-lock.json # Packages lock file
└── tsconfig.json # TypeScript configurationInstall Nextify from NPM
To install Nextify create a directory for the new React app and from there run the command to generate the file structure:
npx nextifyThat’s it 🍾 easy as that. Now start the development workflow:
Install Nextify from Repository
To install Nextify you need to clone the repository from GitHub:
git clone https://github.com/luangjokaj/nextifyThis will clone the repository on your local machine. Navigate to the newly created directory.
Replace the file: ./package.json with ./installer/package.json and continue with the dependency installation.
Install dependencies
npm installStart workflow
To start the development server run the command:
npm run devYou are ready to go! Happy coding! 🤓
Generate production files
To generate an optimized production build run the command:
npm run buildThen start the production build with the command:
npm run startStatic HTML Export
To export your app to static HTML, which can be run standalone without the need of a Node.js server, run the command:
npm run export