Next Doc

For Omega NextJS Template

Quick Start

Introduction

First of all, Thank you so much for purchasing this template and for being our loyal customer. You are awesome! You are entitled to get free lifetime updates to this product. This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how to use it properly. When you face problem please let us know. And always visit official website of Next, React, React Bootstrap, etc.

File Structure

Please move into /omega-next (project root) directory. The project structure look like below.

/omega-next | |-- /public | |-- /src | |-- /assets | |-- /components | |-- /contexts | |-- /hooks | |-- /pages | |-- /sections | |-- /templates | |-- /utils | |-- .gitignore |-- next-config.js |-- package.json |-- yarn.lock |-- .... |-- ....

Prerequisites

Next is built on top of Node.js. To get up and running with Next, you’ll need to have a recent version Node and Yarn installed on your computer. Install Dependencies We require many packages (dependencies) to run our site. Move into /omega-next (project root) directory and run command below. yarn  After that you should have /node_modules folder in the project root directory. How To Run Development Server To start our development server run command below. yarn dev  Open your browser and visit http://localhost:3000!. You should see a page like below.  Voila! You are genious. Now open the code editor and start hacking!

CLI Commands

Some useful commands to work with the project.

Commands

Use

• yarn dev Start development server at localhost:3000/
• yarn build Generate production NextJS build
• yarn export Generate production build with static export
• yarn start To serve build files at localhost:3000/

Change Color Scheme

You can change color scheme to match your brand easily. Navigate into /omega-next/src/utils/theme.js file. Here you can change defaultColors color properties to change all default colors.

const defaultColors = { primary: "green", secondary: "orange", ... ... ... };

Credits

•	React JS
•	Next JS
•	React Bootstrap
•	GraphQL
•	Styled Components
•	Styled System
•	React Scroll
•	Unsplash

Introduction File Structure Prerequisites How to Run Development Server CLI Commands Change Color Scheme Credits Designed with by Xiaoying Riley for developers

Omega Next