kpcwebdev/learning_lynx-frontend
A Next.js application that allows me to organize resources and links I wish to learn from.
10K+
kpcwebdev/learning_lynx-frontend repository overview
Learning Lynx Frontend
A place to organize links and resources I wish to learn from.
Deploy your own Learning Lynx Frontend instance.
Deploy to Vercel:
Learning Lynx is a Next.js application built
with TypeScript and
a GraphQL API backend.
- Deployed on Vercel.
- CI/CD via GitLab CI/CD & GitHub Actions
Local Development Environment
Prerequisites
Getting Started
Install Dependencies & Start the Server
Use Yarn to install project dependencies.
# Install dependencies with Yarn
yarn install
# Start the development Server:
yarn dev
Once you run this command you can visit the Learning Lynx frontend in your browser
at http://localhost:3000/. This starts the server in dev mode and
watches the project for any changes.
Docker Development via Docker Compose
Container Stack
Start the stack with Docker Compose:
docker-compose up -d
- This will start the stack in daemon mode, meaning that it will just start all containers in the background. You can view the stack, e.g.:
# View all container logs
docker-compose logs
# View specific container logs
docker-compose logs backend
- You can see the running services to confirm they are up and running, by using the following Docker command.
docker ps -a
Docker Compose Services
| Docker Container | Hostname | Exposed Location | Description |
|---|---|---|---|
kpcwebdev/learning_lynx-backend:latest | backend | http://localhost:1993/graphql | Backend GraphQL Server |
kpcwebdev/learning_lynx-frontend:latest | frontend | http://localhost:3000/ | Frontend Next.js Application |
PostgreSQL | db | http://localhost:5432/ | PostgreSQL Database Server |
Redis | redis | http://localhost:6379/ | Redis Server |
pgAdmin | pgadmin | http://localhost:5050/ | PostgreSQL Administration Tools |
Adminer | adminer | http://localhost:8080/ | Database Administration Tools |
MailHog | adminer | SMTP Port: 1025 MailHog UI Port: 8025 | Web and API based SMTP testing |
- The
frontendcontainer volume has been mapped to the current working directory, this way you can make changes to the codebase while the containers are running and see the changes immediately.
Makefile
The Makefile provided will help in creating Docker images and deploying a docker stack to a docker swarm locally
or to a swarm composed of DigitalOcean Droplets. The following
command will list available Make actions set in the Makefile.
make help
| Make Command | Description |
|---|---|
dev-image | Make a development Node.js image with dev/test dependencies for Next.js frontend |
dev-shell | Make a BASH shell in the dev docker container and remove it after shutdown |
run-dev_container | Make docker run the dev image and remove it after shutdown |
prod-image | Make a production Node.js image with optimized Next.js build |
prod-shell | Make a BASH hell in the production docker container and remove it after shutdown |
run-prod_container | Make docker run the prod image and remove it after shutdown |
docker-stack_local | Make a local deployment using docker-compose: docker stack -> docker swarm |
unstack | Make a local docker-compose deployment shutdown and remove docker stack and docker swarm |
- Learn more about Docker Swarm
Tag summary
Content type
Image
Digest
Size
591 MB
Last updated
almost 6 years ago
docker pull kpcwebdev/learning_lynx-frontend