Here's a quick rundown of what's inside.
NextJS offers a fast and seamless user experience, while Directus provides an easy-to-use admin dashboard for efficient database management.
By integrating Tailwind CSS into NextJS, we eliminate the need for constant file switching and ensure streamlined styling.
Many Quality-of-Life features have been implemented as well, this includes Module path aliases and the ability to use your own themes with Tailwind.
This results in a more efficient and beginner-friendly development environment.
How to: deploy the stack.
-
System requirements
- Node.js
LTS
- Docker
- Docker Compose
1.28.0
ornewer
- Node.js
-
Clone our repository to your device
git clone https://github.com/ThijmenGThN/next-leaflet
- Navigate to the freshly cloned directory
cd next-leaflet
- Create your own dotenv file, it is recommended to use
sample.env
as a template
cp sample.env .env
-
Open the .env file with your desired editor and adjust the variables to your needs
- Promptly note that by default the project will run in development mode, which means that it will only host the backend Directus and the corresponding database.
-
Requires step 4
Deploying next-leaflet with Docker
docker-compose up
How to: Start building your app.
-
System requirements
- Node.js
LTS
- Docker
- Docker Compose
1.28.0
ornewer
- Node.js
-
Clone our repository to your device
git clone https://github.com/ThijmenGThN/next-leaflet
- Navigate to the freshly cloned directory
cd next-leaflet
- Create your own dotenv file, it is recommended to use
sample.env
as a template
cp sample.env .env
-
Open the .env file with your desired editor and adjust the variables to your needs
- Promptly note that by default the project will run in development mode, which means that it will only host the backend Directus and the corresponding database.
-
Requires step 4
Deploying next-leaflet with Docker
docker-compose up
- Installing dependencies for the front-end
yarn install
- Running next.js to view the front-end
yarn dev