Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vstanyshevskyy/vpershe

Website for sexual education in Ukraine
https://github.com/vstanyshevskyy/vpershe

education gatsby-site ukraine

Last synced: 3 months ago
JSON representation

Website for sexual education in Ukraine

Awesome Lists containing this project

README

        

# Vpershe
![Vpershe logo](https://raw.githubusercontent.com/vstanyshevskyy/vpershe/main/static/assets/logo/eng_black_text.png)

Vpershe.com is a website for sex education for teenagers. Here they can find interactive and verified information about the body, health or ask a question.

## Development

If you would like to contribute - you're always welcome. Just leave a me a note

For an overview of the project structure please refer to the [Gatsby documentation - Building with Components](https://www.gatsbyjs.org/docs/building-with-components/).

### Install

Make sure that you have the Gatsby CLI program installed:
```sh
npm install --global gatsby-cli
```

Then you can run it by:
```sh
cd vpershe
npm run develop
```

### Project and Folder Structure
Vpershe as any other Gatsby project starts in [gatsby-node.js](https://github.com/vstanyshevskyy/vpershe/blob/main/gatsby-node.js). It does the following:
* Prepares the images to be used with Sharp plugins (it resizes and optimizes images)
* We load all the pages and processes them
** we group posts by tags
** for each post and page we trigger `createPage` with page url, `component` - template that will render the page and `context` - some additional params for the component.

#### Pages
Pages folder contains pages. Those are generated by default. No need to trigger them in `gatsby-node.js`

## Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-default)