Geeks NextJS
Welcome to the Geeks NextJS version of the original Geeks theme.
Getting Started
A professional Geeks NextJS Kit that comes with plenty of ready-to-use components that will help you to build more beautiful application (web app) and frontend pages.
Geeks UI Kit is built with the most popular front-end framework ReactJS Bootstrap with react-scripts.
This doc will guide you to understand how Geeks-NextJS theme is organized, basics of how to customize, and how to compile from the source code if you want.
Running in Local environment
This project is scaffolded using npx create-next-app@latest.
Requirements Node.js
Before proceeding you'll need to have the latest (>=18.18.0) stable nodejs. Install
Node.js
or already have it installed on your machine move to next step.-
Install Geeks NextJS
Open the geeksnextjs directory with your cmd or terminal. Open the project folder and install its dependencies.
cd geeksnextjs
npm install
This command will download all the necessary dependencies for geeks in the node_modules directory.
Start
Run
npm run dev
oryarn dev
orpnpm dev
to start the development server on http://localhost:3000Visit
http://localhost:3000
to view your applicationEdit
pages/index.js
and see the updated result in your browsernpm run dev
Creating a Production Build.
Production build of your app.
Run
npm run build
command in your project directory to make the Production build app.npm run build
This output is generated inside the
.next
folder:npm run start
Once you execute above command, the production build run locally at
http://localhost:3000
.
File Structure:
Inside the zip-file you'll find the following directories and files. Both compiled and minified distrubution files, as well as the source files are included in the package.
theme/
├── .eslintrc.json
├── .gitignore
├── jsconfig.json
├── next.config.js
├── package.json
├── package-lock.json
├── README.md
├── components/
├── data/
├── helper/
├── hooks/
├── layouts/
├── pages/
├── public/
│ ├── fonts
│ ├── images
│ └── favicon.ico
├── routes/
├── store/
├── styles/
├── sub-components/
└── widgets/