This project was created using Gatsby and utilizes the GraphQL query language to fetch data. It is a simple project that utilizes Gatsby Starter Default and can be customized to suit your needs.
Link to the app: Gatsby Project
This project was created by Żaneta Sochoń as a demonstration project for learning Gatsby and GraphQL.
- Gatsby;
- GraphQL;
- RWD (media queries);
Before you can get started, you will need to have the following software installed on your computer:
Node.js
To install the necessary dependencies, simply run the following steps:
-
Clone the repository to your local machine,
-
Open a terminal and navigate to the project folder,
-
Type "npm install" in the terminal to install the required dependencies,
npm installTo run this page, use the following command:
-
Open a terminal in the project folder,
-
Type "gatsby develop" in the terminal to start the project,
-
Open a web browser and navigate to http://localhost:8000 to view the running site.
To build the application for production, use the following command:
npm run buildThis will create a production-ready version of the application in the dist directory.
-
The "src" folder contains all of the application source code,
-
The "pages" folder contains pages that are automatically generated by Gatsby based on the content of Markdown files in the "content" folder,
-
The "components" folder contains all of the components that make up the application,
-
The "gatsby-config.js" file contains Gatsby configuration, such as plugins, site metadata, etc.
-
The site should display a list of posts fetched from an external API,
-
The site should utilize GraphQL to fetch data,
-
The site should have a responsive layout that is suitable for various screen sizes
Contributions are welcome! Please feel free to submit a pull request.