React / TypeScript / Next / graphQL (Short Day Task | Detailed Instructions & Examples)

Job ID: 32045984

Budget: $30 – $250 USD

In need of a developer that's familiar with React and Next to set up a website. Basic understanding of data fetching and content schemas required. The main focus is integrating Tina.io to use with Next website that's content is queried/saved via CMS api. (Side Note: Additional small task like this available for continued work if interested).

Important: Even if you are unfamiliar with Tina or CMS (Directus) - that's okay. All you need to be familiar with is React/Next/TS/graphQLYou have the following resources available to you:

Step by Step Walkthrough of integrating Tina with Next/CMS
https://tina.io/guides/experimental/tina-with-strapi/overview/
Tina integrated with Directus CMS Example
https://github.com/DaniTulp/aanzee-tina-next
Youtube Walkthrough of Setting up Tina/Next/CMS
https://youtu.be/_Vc9T4srFaw
Pre-Build Pages / Components / Assets Ready To Go

Time Frame: Based on other developer experiences (articles / videos/ etc). These are the approximate times it may take you to complete this task. The guide below is only 6 pages from start to finish and the walkthrough video of the same is less than appx 50 minutes long.
-1 hour for setup
-3 or 4 hours for modeling pages/components
-1 hour for testing / debugging / refactoring

Payment: The project budget is an approximate but should be considered a minimum that you will be paid - so you are protected if you are able to do this quicker than the above estimate.

Deliverables
Repo that includes working and functional integration between the aforementioned stack.
Related categories: React.js GraphQL Data Modeling Next.js