https://github.com/pitang1965/media-virus
新聞等のメディアの一覧と、それらがある観点でまとも或いはいい加減な報道をしているのかの調査結果サイト。
https://github.com/pitang1965/media-virus
airtable covid-19 gatsby gatsby-starter virus
Last synced: 2 months ago
JSON representation
新聞等のメディアの一覧と、それらがある観点でまとも或いはいい加減な報道をしているのかの調査結果サイト。
- Host: GitHub
- URL: https://github.com/pitang1965/media-virus
- Owner: pitang1965
- License: mit
- Created: 2020-09-27T07:03:03.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-02-08T12:01:01.000Z (over 4 years ago)
- Last Synced: 2025-01-17T11:27:20.853Z (4 months ago)
- Topics: airtable, covid-19, gatsby, gatsby-starter, virus
- Language: JavaScript
- Homepage: https://media-virus.netlify.app/
- Size: 4.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 概要
[gatsby-airtable-listing](https://www.gatsbyjs.com/starters/wkocjan/gatsby-airtable-listing/)を改良して作成しました。
→ [関連ブログ記事](https://software.pitang1965.com/2020/09/27/gatsby-airtable-listing/)
# Airtable listing theme for Gatsby
### Gatsby starter theme integrated with [Airtable](https://airtable.com/)
## Demo
Live demo is available at: https://media-virus.netlify.app/
## Screenshot
n/a
## Features
- Integration with [Airtable](https://airtable.com/)
- Item details displayed in a modal with navigation (previous / next)
- Responsive/adaptive images via [gatsby-image](https://www.gatsbyjs.org/packages/gatsby-image/)
- Uses utility-first [TailwindCSS](https://tailwindcss.com/) framework
- Responsive design (desktop / mobile)
## 🚀 Getting started
Install [Node package manager (NPM)](https://nodejs.org/) (if you haven't already).
### Get the source code and install dependencies.
```
$ git clone [email protected]:wkocjan/gatsby-airtable-listing.git
$ npm install
```
### Create Airtable base
To use this project you have to have a Airtable account.
Once you have it, go to [this base](https://airtable.com/shrlYuICEwEdAUir3) and click `Copy base` button located in the top right corner.
Included columns:
- `name` (single line text)
- `slug` (single line text, should be unique)
- `summary` (single line text)
- `image` (attachment)
- `description` (long text)
- `prefecture` (single select)
- `tags` (multiple select)
- `url` (single line text) // Web site
- `pageeurl` (single line text) // Article
- `updated` (Date)
### Set up Airtable API keys
Copy included `.env.example` file to `.env` and fill it with your unique values:
```
AIRTABLE_API_KEY=""
AIRTABLE_BASE_ID=""
AIRTABLE_TABLE_NAME="Destinations"
```
You can find your API key and Base ID by clicking "Help" and then "API Documentation". Table name in the example is "Destinations" (case sensitive name).
You're now ready to go. If you want to customize the Airtable base, please refer to [`gatsby-source-airtable` plugin documentation](https://www.gatsbyjs.org/packages/gatsby-source-airtable/).
## Crucial Commands
This project comes with a few handy commands for linting and code fixing. The most important ones are the ones to develop and ship code. You can find the most important commands below.
#### `gatsby develop`
Run in the project locally.
#### `gatsby build`
Run a production build into `./public`. The result is ready to be put on any static hosting you prefer.