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
└── .editorconfig            # Editor code styles
└── .gitignore               # Git ignored files
└── .prettierrc              # Prettier configuration
└── LICENSE                  # License agreements
└── README.md                # You are reading this
└── next.config.js           # Next.js configuration
└── package.json             # Node.js packages
└── package-lock.json        # Packages lock file
└── tsconfig.json            # TypeScript configuration

File structure

Install 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 nextify

That’s it 🍾 easy as that. Now start the development workflow: Start workflow

Install Nextify from Repository

To install Nextify you need to clone the repository from GitHub:

git clone https://github.com/luangjokaj/nextify

This 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 install

Start workflow

To start the development server run the command:

npm run dev

You are ready to go! Happy coding! 🤓

Generate production files

To generate an optimized production build run the command:

npm run build

Then start the production build with the command:

npm run start

Static 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

Installing Node.js Code Style Rules