Best place to view all apps published on the Meroku protocol
cp .env.example .env
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Build docker image using
docker build -t dexp .Run docker image using
docker run \
-it \
--env-file .env \
-p 3000:3000 \
dexpExit the instance by CTRL+C
App secrets can be adjusted via the .env file Read More about customising .env files on Next.js official docs
Next.js can be configured using next.config.js Read More
-
/src/api/api => Redux Query Setup
-
/src/api/constants => API Constant Values
-
/src/app/constants => Application constants such as Site title, Menu etc
-
/src/components => UI Components
-
/src/features => Application Features
-
/src/features/dapp => Integration with the dApp registry
-
/src/models => Generic Global models
-
/src/pages => Public Pages following the Next.js convention Read More
-
/src/store => Redux Store Setup and Middleware Setup
-
/src/store/hooks => Typed Hooks for usage within the Application
-
/src/theme => Application theme public export, export all theme variable from this file
-
/src/theme/fonts => Application fonts using Next/font
-
/public => Public files and Static Assets
Tailwind CSS is used to style individual elements
The global config file is tailwind.config.js
While adding new API endpoints it is important to call api.injectEndpoints and register the builder function with
Redux Toolkit an example of this can be seen in src/features/dapp/dapp_api.ts
To know more about this visit