Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/termjs/gatsby-countries
A simple county with dummy data from JSON file website, built with Gatsby and TypeScript.
https://github.com/termjs/gatsby-countries
css gatsby typescript
Last synced: 22 days ago
JSON representation
A simple county with dummy data from JSON file website, built with Gatsby and TypeScript.
- Host: GitHub
- URL: https://github.com/termjs/gatsby-countries
- Owner: termjs
- Created: 2024-11-13T21:27:41.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-14T14:06:44.000Z (3 months ago)
- Last Synced: 2024-11-22T05:07:44.258Z (3 months ago)
- Topics: css, gatsby, typescript
- Language: HTML
- Homepage: https://termjs.github.io/gatsby-countries/
- Size: 20.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Key Features
- **Gatsby**: A React-based framework optimized for performance and SEO, perfect for static and dynamic sites.
- **TypeScript**: Adds type safety to JavaScript, helping catch errors early and write cleaner, maintainable code.
- **GraphQL**: Leverages Gatsby's GraphQL layer to easily query data from Markdown files, APIs, or CMS.
## Getting Started
1. **Clone the repo** and install dependencies:
```bash
git clone
cd project-directory
npm install
```
2. **Start the development server:**
```bash
gatsby develop
```
3. **Build for production:**
```bash
gatsby build
```
📁 Project Structure
Here's a quick overview of the project structure:
```bash
├── src
│ ├── components // Reusable UI components
│ ├── pages // Route-based pages
│ ├── templates // Dynamic templates for GraphQL-driven pages
│ ├── styles // CSS stylesheets
│ ├── utils // Search and Select filters
├── gatsby-config.js // Gatsby configuration file
└── gatsby-node.js // Node APIs, used to create dynamic pages
```
## Preview
Check out the live version [here](https://termjs.github.io/gatsby-countries/).