Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thammami01/jamstack-personal-website-demo

Demo personal website made with a static site generator.
https://github.com/thammami01/jamstack-personal-website-demo

docker docker-compose gatsby github-actions github-pages jamstack nodejs ssg

Last synced: 2 days ago
JSON representation

Demo personal website made with a static site generator.

Awesome Lists containing this project

README

        

# Jamstack Demo

Demo personal website made with a static site generator.

![Gatsby Badge](https://github.com/THammami01/gatsby-docker-project/actions/workflows/gatsby.yml/badge.svg)

## Technology Choices

The used Jamstack SSG is [Gatsby](https://www.gatsbyjs.com/).

## Usage

### Prerequisites

[Download and install Docker.](https://docs.docker.com/get-docker/)

### Development

After running the following command, the application should be reachable at `http://localhost:8000` while in development mode. Thanks to the volume, file updates will trigger an automatic reload in the browser.

```sh
# RUN THE DEV SERVICE WITH DOCKER COMPOSE
docker compose up dev --build

# ONCE DONE, STOP THE SERVICE WITH `CTRL+C` AND CLEAN UP
docker compose down dev -v --rmi all
```

### Production

After running the following command, the app should be accessible at `http://localhost:8000`.

```sh
# RUN THE PROD SERVICE WITH DOCKER COMPOSE
docker compose up prod --build

# ONCE DONE, STOP THE SERVICE WITH `CTRL+C` AND CLEAN UP
docker compose down prod -v --rmi all
```

## Demo

### Live

[https://tarekhammami.me/jamstack-personal-website-demo/](https://tarekhammami.me/jamstack-personal-website-demo/)

### Screenshot

![Screenshot](https://github.com/THammami01/gatsby-docker-project/assets/50141415/e2b1b7dd-5064-4eca-b769-db3ae9fea6bf)

## Credit

[gatsby-theme-intro](https://www.gatsbyjs.com/plugins/@wkocjan/gatsby-theme-intro) open source Gatsby theme by [@wkocjan](https://github.com/wkocjan) was used (dark-blue variant).