Quakemap Landing Site

Overview

The offical landing page for Quakemap. Built using React and other open source technologies.

Prerequisite Software

Software	Version
Git	2.20.1+
Node	10.15.0+

Getting Started

1. Run the following command to install all the required packages:

npm i

2. Copy the environment variable files for test, production and development:

cp .env.example .env.production
cp .env.example .env.development

3. Update the variable SITE_URL in .env.* files.

Running

1. Run the development server:

npm run dev

2. Open http://localhost:3000 with your browser to see the result.

Production Build

1. Update the environment variables in .env.production.

2. Create and merge a Pull Request into the main branch.

3. The production site is automatically deployed to https://quakemap.vercel.app/.

Project Structure

.
├── ...
├── components                  # Site components
│    ├── index.js
│    └── ...
├── data                        # Site content
│    ├── index.js
│    └── ...
├── pages                       # Site pages
│    ├── _app.js                # Next JS app entry point
│    ├── _document.js           # Next JS SEO compatible site wrapper
│    ├── index.js               # Main page
│    └── ...
├── public
│    ├── images                 # Site images
│    │   └── ...
│    ├── banner.png             # Site SEO banner
│    ├── favicon.ico            # Site favicon
│    └── ...
├── styles                      # Site Styles
│    ├── globals.css            # Global styles
│    └── ...
├── next.config.js              # Next JS config
├── postcss.config.js           # Post CSS config
├── tailwind.config.js          # Tailwind config
└── ...