Welcome to the frontend of the Estate Explorer app. This is a proof of concept for building an application using Wordpress as a headless CMS. You can check the backend here and the live version here.

This project has been developed using NextJs with the new stable app folder.

For the styling solution I chose Linaria, which is a zero runtime css in js solution. Unfortunately theres no official support for the NextJs framework, so I had to use the third party library next-with-linaria.

This library is the one which supports NextJs 13 (app folder) and Linaria v4, but its still in development, so I had some issues that delayed the development, like this one, and also the fact that sometimes the styles don't update on the page when saving the file.

I could've used Tailwind as it's recommended by NextJs team and pretty easy to work with, but I wanted to experiment with Linaria as it's similar to a solution that I'm used to: styled components, with the advantage of being zero runtime (no transpilation involved).

For testing I chose a well-known robust and stable setup: Cypress (E2E), Jest + RTL (Unit/Integration). As this is a PoC I decided to write tests for the main features, not focusing on a lot of tests with high coverage.

1. Install the dependencies

npm install

2. Make a copy of the .env.example file, name it .env.local and fill with your values.

3. Run the development server

npm run dev