|
| 1 | +<br /> |
| 2 | +<p align="center"> |
| 3 | + <img width="10%" align="center" src="../jamstack.svg"/> |
| 4 | + |
| 5 | + <h3 align="center">Challenge 1 - Post.io 🗞️</h3> |
| 6 | + |
| 7 | + <p align="center"> |
| 8 | + DevChallenge Hacktoberfest 2022 |
| 9 | + </p> |
| 10 | + |
| 11 | +## Index |
| 12 | + |
| 13 | +- [Index](#index) |
| 14 | +- [Challenge](#challenge) |
| 15 | + - [Application](#application) |
| 16 | + - [Goal](#goal) |
| 17 | + - [Requirements](#requirements) |
| 18 | + - [Additional Features](#additional-features) |
| 19 | + - [Tips](#tips) |
| 20 | +- [Examples](#examples) |
| 21 | +- [Community](#community) |
| 22 | + |
| 23 | +## Challenge |
| 24 | + |
| 25 | +### Application |
| 26 | + |
| 27 | +You will create a blog post page |
| 28 | + |
| 29 | +### Goal |
| 30 | + |
| 31 | +You will have to create a jamstack application, in which it will have to follow the principles of the [architecture model](https://jamstack.org/), basically it will be a blog post page integrated into an external service that will provide the data for consumption and will be exhibited for final user. |
| 32 | + |
| 33 | +### Requirements |
| 34 | + |
| 35 | +- For consumption of dice, use padrão REST. |
| 36 | +- It should be developed using the framework [Next.js](https://nextjs.org/docs) or another link/framework of your choice. |
| 37 | +- It will have to have data from the publication of the post and the name of the author. |
| 38 | +- Still on the page of the post, fear that a banner does not have a top, title and content. |
| 39 | + |
| 40 | +### Additional features |
| 41 | + |
| 42 | +- Unwrap blog using typescript. |
| 43 | +- As a client, instead of the REST standard, use or GraphQL. |
| 44 | +- Create a page that will have a list of all the blog posts, and that each post, clicked, will be open for reading. |
| 45 | +- Implement functionality to load more posts on the same listing page. |
| 46 | + |
| 47 | +### Tips |
| 48 | + |
| 49 | +- Nesse challenge you will be able to create or design in the way you prefer, then you can leave creativity to play or / |
| 50 | +- We recommend using the following CMS: [hypgraph](https://hygraph.com/) or [prismic](https://prismic.io/), because there are other sites on the [jamstack that can be used](https ://jamstack.org/headless-cms/). |
| 51 | + |
| 52 | +## Examples |
| 53 | + |
| 54 | +- [Medium](https://medium.com/backticks-tildes/the-s-o-l-i-d-principles-in-pictures-b34ce2f1e898) |
| 55 | +- [Dev.to](https://dev.to/jeroendedauw/advice-for-junior-developers-30am) |
| 56 | +- [Pingback](https://pingback.com/susanowo/melhores-navigadores) |
| 57 | + |
| 58 | +## Community |
| 59 | + |
| 60 | +If you have any questions about the challenges, feel free to ask for help in the community of [discord](https://discord.gg/yvYXhGj) |
| 61 | + |
| 62 | +<br><br> |
| 63 | + |
| 64 | +Site: <https://www.devchallenge.com.br/> |
| 65 | + |
| 66 | +<br> |
| 67 | + |
| 68 | +<table style="border-color:transparent"> |
| 69 | + <tr> |
| 70 | + <td> |
| 71 | + <a href="https://discord.gg/yvYXhGj" target="_blank"> |
| 72 | + <img src="https://cdn3.iconfinder.com/data/icons/discord/64/discord_20-512.png" width="30px" height="30px" alt="Discord"> |
| 73 | + </a> |
| 74 | + </td> |
| 75 | + <td> |
| 76 | + <a href="https://www.linkedin.com/company/devchallenge/" target="_blank"> |
| 77 | + <img src="https://cdn3.iconfinder.com/data/icons/glypho-social-and-other-logos/64/logo-linkedin-512.png" width="35px" height="35px" alt="Linkedin"> |
| 78 | + </a> |
| 79 | + </td> |
| 80 | + <td> |
| 81 | + <a href="https://twitter.com/dev_challenge" target="_blank"> |
| 82 | + <img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-512.png" width="30px" height="30px" alt="Twitter"> |
| 83 | + </a> |
| 84 | + </td> |
| 85 | + <td> |
| 86 | + <a href="https://www.instagram.com/devchallenge/" target="_blank"> |
| 87 | + <img src="https://cdn4.iconfinder.com/data/icons/picons-social/57/38-instagram-3-512.png" width="30px" height="30px" alt="Instagram"> |
| 88 | + </a> |
| 89 | + </td> |
| 90 | + </tr> |
| 91 | +</table> |
0 commit comments