diff --git a/insertions/script.mjs b/insertions/script.mjs
index ad89a8c56e77cb166a5dd5fcf4c29e09d403eecf..2202714d37c60b68674f64e17c9c14c391643b1d 100644
--- a/insertions/script.mjs
+++ b/insertions/script.mjs
@@ -104,12 +104,11 @@ const matches = {
   "976": "Mayotte"
 };
 
-const argv = process.argv.slice(2);
-if (argv.length !== 1) {
+const [node, self, file] = process.argv;
+if (file == null) {
   console.error(`Usage : node script.mjs <only-one-argument>`);
   process.exit(1);
 }
-const file = argv[0];
 const fileContent = readFileSync(file, {
   encoding: "utf8",
   flag: "r"
@@ -117,8 +116,9 @@ const fileContent = readFileSync(file, {
 
 let str = `INSERT INTO ma_table(date, value, region, surface) VALUES\n`;
 let idx = 0;
-for (const line of fileContent.slice(1, fileContent.length - 1)) {
+for (const line of fileContent.slice(1, fileContent.length)) {
   const data = line.split("|");
+  if (data.length === 0) continue;
   const date = data[8].split("/").reverse().join("-");
   if (data[9] === "Vente" && data[10] !== "" && data[38] !== "" && (data[36] === "Maison" || data[36] === "Appartement")) {
     str += `('${date}', ${data[10].replace(",", ".")}, '${matches[data[18]].replace("'", "''")}', ${data[38]})${idx < fileContent.length - 3 ? ",\n" : ";"}`;
diff --git a/pwa/components/book/Form.tsx b/pwa/components/book/Form.tsx
deleted file mode 100644
index 33d43d94a3b94235aae2e251412013f05c07e776..0000000000000000000000000000000000000000
--- a/pwa/components/book/Form.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-import { FunctionComponent, useState } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { ErrorMessage, Field, FieldArray, Formik } from "formik";
-import { useMutation } from "react-query";
-
-import { fetch, FetchError, FetchResponse } from "../../utils/dataAccess";
-import { Book } from "../../types/Book";
-
-interface Props {
-  book?: Book;
-}
-
-interface SaveParams {
-  values: Book;
-}
-
-interface DeleteParams {
-  id: string;
-}
-
-const saveBook = async ({ values }: SaveParams) =>
-  await fetch<Book>(!values["@id"] ? "/books" : values["@id"], {
-    method: !values["@id"] ? "POST" : "PUT",
-    body: JSON.stringify(values),
-  });
-
-const deleteBook = async (id: string) =>
-  await fetch<Book>(id, { method: "DELETE" });
-
-export const Form: FunctionComponent<Props> = ({ book }) => {
-  const [, setError] = useState<string | null>(null);
-  const router = useRouter();
-
-  const saveMutation = useMutation<
-    FetchResponse<Book> | undefined,
-    Error | FetchError,
-    SaveParams
-  >((saveParams) => saveBook(saveParams));
-
-  const deleteMutation = useMutation<
-    FetchResponse<Book> | undefined,
-    Error | FetchError,
-    DeleteParams
-  >(({ id }) => deleteBook(id), {
-    onSuccess: () => {
-      router.push("/books");
-    },
-    onError: (error) => {
-      setError(`Error when deleting the resource: ${error}`);
-      console.error(error);
-    },
-  });
-
-  const handleDelete = () => {
-    if (!book || !book["@id"]) return;
-    if (!window.confirm("Are you sure you want to delete this item?")) return;
-    deleteMutation.mutate({ id: book["@id"] });
-  };
-
-  return (
-    <div className="container mx-auto px-4 max-w-2xl mt-4">
-      <Link
-        href="/books"
-        className="text-sm text-cyan-500 font-bold hover:text-cyan-700"
-      >
-        {`< Back to list`}
-      </Link>
-      <h1 className="text-3xl my-2">
-        {book ? `Edit Book ${book["@id"]}` : `Create Book`}
-      </h1>
-      <Formik
-        initialValues={
-          book
-            ? {
-                ...book,
-              }
-            : new Book()
-        }
-        validate={() => {
-          const errors = {};
-          // add your validation logic here
-          return errors;
-        }}
-        onSubmit={(values, { setSubmitting, setStatus, setErrors }) => {
-          const isCreation = !values["@id"];
-          saveMutation.mutate(
-            { values },
-            {
-              onSuccess: () => {
-                setStatus({
-                  isValid: true,
-                  msg: `Element ${isCreation ? "created" : "updated"}.`,
-                });
-                router.push("/books");
-              },
-              onError: (error) => {
-                setStatus({
-                  isValid: false,
-                  msg: `${error.message}`,
-                });
-                if ("fields" in error) {
-                  setErrors(error.fields);
-                }
-              },
-              onSettled: () => {
-                setSubmitting(false);
-              },
-            }
-          );
-        }}
-      >
-        {({
-          values,
-          status,
-          errors,
-          touched,
-          handleChange,
-          handleBlur,
-          handleSubmit,
-          isSubmitting,
-        }) => (
-          <form className="shadow-md p-4" onSubmit={handleSubmit}>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="book_isbn"
-              >
-                isbn
-              </label>
-              <input
-                name="isbn"
-                id="book_isbn"
-                value={values.isbn ?? ""}
-                type="text"
-                placeholder=""
-                className={`mt-1 block w-full ${
-                  errors.isbn && touched.isbn ? "border-red-500" : ""
-                }`}
-                aria-invalid={errors.isbn && touched.isbn ? "true" : undefined}
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="isbn"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="book_title"
-              >
-                title
-              </label>
-              <input
-                name="title"
-                id="book_title"
-                value={values.title ?? ""}
-                type="text"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.title && touched.title ? "border-red-500" : ""
-                }`}
-                aria-invalid={
-                  errors.title && touched.title ? "true" : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="title"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="book_description"
-              >
-                description
-              </label>
-              <input
-                name="description"
-                id="book_description"
-                value={values.description ?? ""}
-                type="text"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.description && touched.description
-                    ? "border-red-500"
-                    : ""
-                }`}
-                aria-invalid={
-                  errors.description && touched.description ? "true" : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="description"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="book_author"
-              >
-                author
-              </label>
-              <input
-                name="author"
-                id="book_author"
-                value={values.author ?? ""}
-                type="text"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.author && touched.author ? "border-red-500" : ""
-                }`}
-                aria-invalid={
-                  errors.author && touched.author ? "true" : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="author"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="book_publicationDate"
-              >
-                publicationDate
-              </label>
-              <input
-                name="publicationDate"
-                id="book_publicationDate"
-                value={values.publicationDate?.toLocaleString() ?? ""}
-                type="dateTime"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.publicationDate && touched.publicationDate
-                    ? "border-red-500"
-                    : ""
-                }`}
-                aria-invalid={
-                  errors.publicationDate && touched.publicationDate
-                    ? "true"
-                    : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="publicationDate"
-              />
-            </div>
-            <div className="mb-2">
-              <div className="text-gray-700 block text-sm font-bold">
-                reviews
-              </div>
-              <FieldArray
-                name="reviews"
-                render={(arrayHelpers) => (
-                  <div className="mb-2" id="book_reviews">
-                    {values.reviews && values.reviews.length > 0 ? (
-                      values.reviews.map((item: any, index: number) => (
-                        <div key={index}>
-                          <Field name={`reviews.${index}`} />
-                          <button
-                            type="button"
-                            onClick={() => arrayHelpers.remove(index)}
-                          >
-                            -
-                          </button>
-                          <button
-                            type="button"
-                            onClick={() => arrayHelpers.insert(index, "")}
-                          >
-                            +
-                          </button>
-                        </div>
-                      ))
-                    ) : (
-                      <button
-                        type="button"
-                        onClick={() => arrayHelpers.push("")}
-                      >
-                        Add
-                      </button>
-                    )}
-                  </div>
-                )}
-              />
-            </div>
-            {status && status.msg && (
-              <div
-                className={`border px-4 py-3 my-4 rounded ${
-                  status.isValid
-                    ? "text-cyan-700 border-cyan-500 bg-cyan-200/50"
-                    : "text-red-700 border-red-400 bg-red-100"
-                }`}
-                role="alert"
-              >
-                {status.msg}
-              </div>
-            )}
-            <button
-              type="submit"
-              className="inline-block mt-2 bg-cyan-500 hover:bg-cyan-700 text-sm text-white font-bold py-2 px-4 rounded"
-              disabled={isSubmitting}
-            >
-              Submit
-            </button>
-          </form>
-        )}
-      </Formik>
-      <div className="flex space-x-2 mt-4 justify-end">
-        {book && (
-          <button
-            className="inline-block mt-2 border-2 border-red-400 hover:border-red-700 hover:text-red-700 text-sm text-red-400 font-bold py-2 px-4 rounded"
-            onClick={handleDelete}
-          >
-            Delete
-          </button>
-        )}
-      </div>
-    </div>
-  );
-};
diff --git a/pwa/components/book/List.tsx b/pwa/components/book/List.tsx
deleted file mode 100644
index d7fec9a58214c9d9a29f3c676b5e7ca89bf54e05..0000000000000000000000000000000000000000
--- a/pwa/components/book/List.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { FunctionComponent } from "react";
-import Link from "next/link";
-
-import ReferenceLinks from "../common/ReferenceLinks";
-import { getItemPath } from "../../utils/dataAccess";
-import { Book } from "../../types/Book";
-
-interface Props {
-  books: Book[];
-}
-
-export const List: FunctionComponent<Props> = ({ books }) => (
-  <div className="p-4">
-    <div className="flex justify-between items-center">
-      <h1 className="text-3xl mb-2">Book List</h1>
-      <Link
-        href="/books/create"
-        className="bg-cyan-500 hover:bg-cyan-700 text-white text-sm font-bold py-2 px-4 rounded"
-      >
-        Create
-      </Link>
-    </div>
-    <table
-      cellPadding={10}
-      className="shadow-md table border-collapse min-w-full leading-normal table-auto text-left my-3"
-    >
-      <thead className="w-full text-xs uppercase font-light text-gray-700 bg-gray-200 py-2 px-4">
-        <tr>
-          <th>id</th>
-          <th>isbn</th>
-          <th>title</th>
-          <th>description</th>
-          <th>author</th>
-          <th>publicationDate</th>
-          <th>reviews</th>
-          <th colSpan={2} />
-        </tr>
-      </thead>
-      <tbody className="text-sm divide-y divide-gray-200">
-        {books &&
-          books.length !== 0 &&
-          books.map(
-            (book) =>
-              book["@id"] && (
-                <tr className="py-2" key={book["@id"]}>
-                  <th scope="row">
-                    <ReferenceLinks
-                      items={{
-                        href: getItemPath(book["@id"], "/books/[id]"),
-                        name: book["@id"],
-                      }}
-                    />
-                  </th>
-                  <td>{book["isbn"]}</td>
-                  <td>{book["title"]}</td>
-                  <td>{book["description"]}</td>
-                  <td>{book["author"]}</td>
-                  <td>{book["publicationDate"]?.toLocaleString()}</td>
-                  <td>
-                    <ReferenceLinks
-                      items={book["reviews"].map((ref: any) => ({
-                        href: getItemPath(ref, "/reviews/[id]"),
-                        name: ref,
-                      }))}
-                    />
-                  </td>
-                  <td className="w-8">
-                    <Link
-                      href={getItemPath(book["@id"], "/books/[id]")}
-                      className="text-cyan-500"
-                    >
-                      Show
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                        className="w-6 h-6"
-                      >
-                        <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
-                        <path
-                          fillRule="evenodd"
-                          d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z"
-                          clipRule="evenodd"
-                        />
-                      </svg>
-                    </Link>
-                  </td>
-                  <td className="w-8">
-                    <Link
-                      href={getItemPath(book["@id"], "/books/[id]/edit")}
-                      className="text-cyan-500"
-                    >
-                      Edit
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                        className="w-6 h-6"
-                      >
-                        <path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32l8.4-8.4z" />
-                        <path d="M5.25 5.25a3 3 0 00-3 3v10.5a3 3 0 003 3h10.5a3 3 0 003-3V13.5a.75.75 0 00-1.5 0v5.25a1.5 1.5 0 01-1.5 1.5H5.25a1.5 1.5 0 01-1.5-1.5V8.25a1.5 1.5 0 011.5-1.5h5.25a.75.75 0 000-1.5H5.25z" />
-                      </svg>
-                    </Link>
-                  </td>
-                </tr>
-              )
-          )}
-      </tbody>
-    </table>
-  </div>
-);
diff --git a/pwa/components/book/PageList.tsx b/pwa/components/book/PageList.tsx
deleted file mode 100644
index 177e7075b5c3b69bfaed2b60604041e0b44df655..0000000000000000000000000000000000000000
--- a/pwa/components/book/PageList.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { NextComponentType, NextPageContext } from "next";
-import { useRouter } from "next/router";
-import Head from "next/head";
-import { useQuery } from "react-query";
-
-import Pagination from "../common/Pagination";
-import { List } from "./List";
-import { PagedCollection } from "../../types/collection";
-import { Book } from "../../types/Book";
-import { fetch, FetchResponse, parsePage } from "../../utils/dataAccess";
-import { useMercure } from "../../utils/mercure";
-
-export const getBooksPath = (page?: string | string[] | undefined) =>
-  `/books${typeof page === "string" ? `?page=${page}` : ""}`;
-export const getBooks = (page?: string | string[] | undefined) => async () =>
-  await fetch<PagedCollection<Book>>(getBooksPath(page));
-const getPagePath = (path: string) => `/books/page/${parsePage("books", path)}`;
-
-export const PageList: NextComponentType<NextPageContext> = () => {
-  const {
-    query: { page },
-  } = useRouter();
-  const { data: { data: books, hubURL } = { hubURL: null } } = useQuery<
-    FetchResponse<PagedCollection<Book>> | undefined
-  >(getBooksPath(page), getBooks(page));
-  const collection = useMercure(books, hubURL);
-
-  if (!collection || !collection["hydra:member"]) return null;
-
-  return (
-    <div>
-      <div>
-        <Head>
-          <title>Book List</title>
-        </Head>
-      </div>
-      <List books={collection["hydra:member"]} />
-      <Pagination collection={collection} getPagePath={getPagePath} />
-    </div>
-  );
-};
diff --git a/pwa/components/book/Show.tsx b/pwa/components/book/Show.tsx
deleted file mode 100644
index c9ead29b8a1951c5efd229e1658e8309263925c5..0000000000000000000000000000000000000000
--- a/pwa/components/book/Show.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { FunctionComponent, useState } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import Head from "next/head";
-
-import ReferenceLinks from "../common/ReferenceLinks";
-import { fetch, getItemPath } from "../../utils/dataAccess";
-import { Book } from "../../types/Book";
-
-interface Props {
-  book: Book;
-  text: string;
-}
-
-export const Show: FunctionComponent<Props> = ({ book, text }) => {
-  const [error, setError] = useState<string | null>(null);
-  const router = useRouter();
-
-  const handleDelete = async () => {
-    if (!book["@id"]) return;
-    if (!window.confirm("Are you sure you want to delete this item?")) return;
-
-    try {
-      await fetch(book["@id"], { method: "DELETE" });
-      router.push("/books");
-    } catch (error) {
-      setError("Error when deleting the resource.");
-      console.error(error);
-    }
-  };
-
-  return (
-    <div className="p-4">
-      <Head>
-        <title>{`Show Book ${book["@id"]}`}</title>
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{ __html: text }}
-        />
-      </Head>
-      <Link
-        href="/books"
-        className="text-sm text-cyan-500 font-bold hover:text-cyan-700"
-      >
-        {"< Back to list"}
-      </Link>
-      <h1 className="text-3xl mb-2">{`Show Book ${book["@id"]}`}</h1>
-      <table
-        cellPadding={10}
-        className="shadow-md table border-collapse min-w-full leading-normal table-auto text-left my-3"
-      >
-        <thead className="w-full text-xs uppercase font-light text-gray-700 bg-gray-200 py-2 px-4">
-          <tr>
-            <th>Field</th>
-            <th>Value</th>
-          </tr>
-        </thead>
-        <tbody className="text-sm divide-y divide-gray-200">
-          <tr>
-            <th scope="row">isbn</th>
-            <td>{book["isbn"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">title</th>
-            <td>{book["title"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">description</th>
-            <td>{book["description"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">author</th>
-            <td>{book["author"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">publicationDate</th>
-            <td>{book["publicationDate"]?.toLocaleString()}</td>
-          </tr>
-          <tr>
-            <th scope="row">reviews</th>
-            <td>
-              <ReferenceLinks
-                items={book["reviews"].map((ref: any) => ({
-                  href: getItemPath(ref, "/reviews/[id]"),
-                  name: ref,
-                }))}
-              />
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      {error && (
-        <div
-          className="border px-4 py-3 my-4 rounded text-red-700 border-red-400 bg-red-100"
-          role="alert"
-        >
-          {error}
-        </div>
-      )}
-      <div className="flex space-x-2 mt-4 items-center justify-end">
-        <Link
-          href={getItemPath(book["@id"], "/books/[id]/edit")}
-          className="inline-block mt-2 border-2 border-cyan-500 bg-cyan-500 hover:border-cyan-700 hover:bg-cyan-700 text-xs text-white font-bold py-2 px-4 rounded"
-        >
-          Edit
-        </Link>
-        <button
-          className="inline-block mt-2 border-2 border-red-400 hover:border-red-700 hover:text-red-700 text-xs text-red-400 font-bold py-2 px-4 rounded"
-          onClick={handleDelete}
-        >
-          Delete
-        </button>
-      </div>
-    </div>
-  );
-};
diff --git a/pwa/components/charts/bar-chart.jsx b/pwa/components/charts/bar-chart.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/pwa/components/charts/donut.jsx b/pwa/components/charts/donut.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/pwa/components/charts/time-series.jsx b/pwa/components/charts/time-series.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..2d7f7d308db9663e991624b589257a6f14bb643d
--- /dev/null
+++ b/pwa/components/charts/time-series.jsx
@@ -0,0 +1,3 @@
+export default function TimeSeries(...props) {
+
+}
diff --git a/pwa/components/review/Form.tsx b/pwa/components/review/Form.tsx
deleted file mode 100644
index 7c3a4e2bad007d2112c55013fbf237bc644ff36e..0000000000000000000000000000000000000000
--- a/pwa/components/review/Form.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-import { FunctionComponent, useState } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { ErrorMessage, Field, FieldArray, Formik } from "formik";
-import { useMutation } from "react-query";
-
-import { fetch, FetchError, FetchResponse } from "../../utils/dataAccess";
-import { Review } from "../../types/Review";
-
-interface Props {
-  review?: Review;
-}
-
-interface SaveParams {
-  values: Review;
-}
-
-interface DeleteParams {
-  id: string;
-}
-
-const saveReview = async ({ values }: SaveParams) =>
-  await fetch<Review>(!values["@id"] ? "/reviews" : values["@id"], {
-    method: !values["@id"] ? "POST" : "PUT",
-    body: JSON.stringify(values),
-  });
-
-const deleteReview = async (id: string) =>
-  await fetch<Review>(id, { method: "DELETE" });
-
-export const Form: FunctionComponent<Props> = ({ review }) => {
-  const [, setError] = useState<string | null>(null);
-  const router = useRouter();
-
-  const saveMutation = useMutation<
-    FetchResponse<Review> | undefined,
-    Error | FetchError,
-    SaveParams
-  >((saveParams) => saveReview(saveParams));
-
-  const deleteMutation = useMutation<
-    FetchResponse<Review> | undefined,
-    Error | FetchError,
-    DeleteParams
-  >(({ id }) => deleteReview(id), {
-    onSuccess: () => {
-      router.push("/reviews");
-    },
-    onError: (error) => {
-      setError(`Error when deleting the resource: ${error}`);
-      console.error(error);
-    },
-  });
-
-  const handleDelete = () => {
-    if (!review || !review["@id"]) return;
-    if (!window.confirm("Are you sure you want to delete this item?")) return;
-    deleteMutation.mutate({ id: review["@id"] });
-  };
-
-  return (
-    <div className="container mx-auto px-4 max-w-2xl mt-4">
-      <Link
-        href="/reviews"
-        className="text-sm text-cyan-500 font-bold hover:text-cyan-700"
-      >
-        {`< Back to list`}
-      </Link>
-      <h1 className="text-3xl my-2">
-        {review ? `Edit Review ${review["@id"]}` : `Create Review`}
-      </h1>
-      <Formik
-        initialValues={
-          review
-            ? {
-                ...review,
-              }
-            : new Review()
-        }
-        validate={() => {
-          const errors = {};
-          // add your validation logic here
-          return errors;
-        }}
-        onSubmit={(values, { setSubmitting, setStatus, setErrors }) => {
-          const isCreation = !values["@id"];
-          saveMutation.mutate(
-            { values },
-            {
-              onSuccess: () => {
-                setStatus({
-                  isValid: true,
-                  msg: `Element ${isCreation ? "created" : "updated"}.`,
-                });
-                router.push("/reviews");
-              },
-              onError: (error) => {
-                setStatus({
-                  isValid: false,
-                  msg: `${error.message}`,
-                });
-                if ("fields" in error) {
-                  setErrors(error.fields);
-                }
-              },
-              onSettled: () => {
-                setSubmitting(false);
-              },
-            }
-          );
-        }}
-      >
-        {({
-          values,
-          status,
-          errors,
-          touched,
-          handleChange,
-          handleBlur,
-          handleSubmit,
-          isSubmitting,
-        }) => (
-          <form className="shadow-md p-4" onSubmit={handleSubmit}>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="review_rating"
-              >
-                rating
-              </label>
-              <input
-                name="rating"
-                id="review_rating"
-                value={values.rating ?? ""}
-                type="number"
-                placeholder=""
-                className={`mt-1 block w-full ${
-                  errors.rating && touched.rating ? "border-red-500" : ""
-                }`}
-                aria-invalid={
-                  errors.rating && touched.rating ? "true" : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="rating"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="review_body"
-              >
-                body
-              </label>
-              <input
-                name="body"
-                id="review_body"
-                value={values.body ?? ""}
-                type="text"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.body && touched.body ? "border-red-500" : ""
-                }`}
-                aria-invalid={errors.body && touched.body ? "true" : undefined}
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="body"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="review_author"
-              >
-                author
-              </label>
-              <input
-                name="author"
-                id="review_author"
-                value={values.author ?? ""}
-                type="text"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.author && touched.author ? "border-red-500" : ""
-                }`}
-                aria-invalid={
-                  errors.author && touched.author ? "true" : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="author"
-              />
-            </div>
-            <div className="mb-2">
-              <label
-                className="text-gray-700 block text-sm font-bold"
-                htmlFor="review_publicationDate"
-              >
-                publicationDate
-              </label>
-              <input
-                name="publicationDate"
-                id="review_publicationDate"
-                value={values.publicationDate?.toLocaleString() ?? ""}
-                type="dateTime"
-                placeholder=""
-                required={true}
-                className={`mt-1 block w-full ${
-                  errors.publicationDate && touched.publicationDate
-                    ? "border-red-500"
-                    : ""
-                }`}
-                aria-invalid={
-                  errors.publicationDate && touched.publicationDate
-                    ? "true"
-                    : undefined
-                }
-                onChange={handleChange}
-                onBlur={handleBlur}
-              />
-              <ErrorMessage
-                className="text-xs text-red-500 pt-1"
-                component="div"
-                name="publicationDate"
-              />
-            </div>
-            <div className="mb-2">
-              <div className="text-gray-700 block text-sm font-bold">book</div>
-              <FieldArray
-                name="book"
-                render={(arrayHelpers) => (
-                  <div className="mb-2" id="review_book">
-                    {values.book && values.book.length > 0 ? (
-                      values.book.map((item: any, index: number) => (
-                        <div key={index}>
-                          <Field name={`book.${index}`} />
-                          <button
-                            type="button"
-                            onClick={() => arrayHelpers.remove(index)}
-                          >
-                            -
-                          </button>
-                          <button
-                            type="button"
-                            onClick={() => arrayHelpers.insert(index, "")}
-                          >
-                            +
-                          </button>
-                        </div>
-                      ))
-                    ) : (
-                      <button
-                        type="button"
-                        onClick={() => arrayHelpers.push("")}
-                      >
-                        Add
-                      </button>
-                    )}
-                  </div>
-                )}
-              />
-            </div>
-            {status && status.msg && (
-              <div
-                className={`border px-4 py-3 my-4 rounded ${
-                  status.isValid
-                    ? "text-cyan-700 border-cyan-500 bg-cyan-200/50"
-                    : "text-red-700 border-red-400 bg-red-100"
-                }`}
-                role="alert"
-              >
-                {status.msg}
-              </div>
-            )}
-            <button
-              type="submit"
-              className="inline-block mt-2 bg-cyan-500 hover:bg-cyan-700 text-sm text-white font-bold py-2 px-4 rounded"
-              disabled={isSubmitting}
-            >
-              Submit
-            </button>
-          </form>
-        )}
-      </Formik>
-      <div className="flex space-x-2 mt-4 justify-end">
-        {review && (
-          <button
-            className="inline-block mt-2 border-2 border-red-400 hover:border-red-700 hover:text-red-700 text-sm text-red-400 font-bold py-2 px-4 rounded"
-            onClick={handleDelete}
-          >
-            Delete
-          </button>
-        )}
-      </div>
-    </div>
-  );
-};
diff --git a/pwa/components/review/List.tsx b/pwa/components/review/List.tsx
deleted file mode 100644
index 7a54a13282ff7a4e9c8bc5e42574401eb10cfc19..0000000000000000000000000000000000000000
--- a/pwa/components/review/List.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { FunctionComponent } from "react";
-import Link from "next/link";
-
-import ReferenceLinks from "../common/ReferenceLinks";
-import { getItemPath } from "../../utils/dataAccess";
-import { Review } from "../../types/Review";
-
-interface Props {
-  reviews: Review[];
-}
-
-export const List: FunctionComponent<Props> = ({ reviews }) => (
-  <div className="p-4">
-    <div className="flex justify-between items-center">
-      <h1 className="text-3xl mb-2">Review List</h1>
-      <Link
-        href="/reviews/create"
-        className="bg-cyan-500 hover:bg-cyan-700 text-white text-sm font-bold py-2 px-4 rounded"
-      >
-        Create
-      </Link>
-    </div>
-    <table
-      cellPadding={10}
-      className="shadow-md table border-collapse min-w-full leading-normal table-auto text-left my-3"
-    >
-      <thead className="w-full text-xs uppercase font-light text-gray-700 bg-gray-200 py-2 px-4">
-        <tr>
-          <th>id</th>
-          <th>rating</th>
-          <th>body</th>
-          <th>author</th>
-          <th>publicationDate</th>
-          <th>book</th>
-          <th colSpan={2} />
-        </tr>
-      </thead>
-      <tbody className="text-sm divide-y divide-gray-200">
-        {reviews &&
-          reviews.length !== 0 &&
-          reviews.map(
-            (review) =>
-              review["@id"] && (
-                <tr className="py-2" key={review["@id"]}>
-                  <th scope="row">
-                    <ReferenceLinks
-                      items={{
-                        href: getItemPath(review["@id"], "/reviews/[id]"),
-                        name: review["@id"],
-                      }}
-                    />
-                  </th>
-                  <td>{review["rating"]}</td>
-                  <td>{review["body"]}</td>
-                  <td>{review["author"]}</td>
-                  <td>{review["publicationDate"]?.toLocaleString()}</td>
-                  <td>
-                    <ReferenceLinks
-                      items={review["book"].map((ref: any) => ({
-                        href: getItemPath(ref, "/books/[id]"),
-                        name: ref,
-                      }))}
-                    />
-                  </td>
-                  <td className="w-8">
-                    <Link
-                      href={getItemPath(review["@id"], "/reviews/[id]")}
-                      className="text-cyan-500"
-                    >
-                      Show
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                        className="w-6 h-6"
-                      >
-                        <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />
-                        <path
-                          fillRule="evenodd"
-                          d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z"
-                          clipRule="evenodd"
-                        />
-                      </svg>
-                    </Link>
-                  </td>
-                  <td className="w-8">
-                    <Link
-                      href={getItemPath(review["@id"], "/reviews/[id]/edit")}
-                      className="text-cyan-500"
-                    >
-                      Edit
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                        className="w-6 h-6"
-                      >
-                        <path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32l8.4-8.4z" />
-                        <path d="M5.25 5.25a3 3 0 00-3 3v10.5a3 3 0 003 3h10.5a3 3 0 003-3V13.5a.75.75 0 00-1.5 0v5.25a1.5 1.5 0 01-1.5 1.5H5.25a1.5 1.5 0 01-1.5-1.5V8.25a1.5 1.5 0 011.5-1.5h5.25a.75.75 0 000-1.5H5.25z" />
-                      </svg>
-                    </Link>
-                  </td>
-                </tr>
-              )
-          )}
-      </tbody>
-    </table>
-  </div>
-);
diff --git a/pwa/components/review/PageList.tsx b/pwa/components/review/PageList.tsx
deleted file mode 100644
index ad8c3c79d405e20db784742769cefdd2b5ee3a51..0000000000000000000000000000000000000000
--- a/pwa/components/review/PageList.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { NextComponentType, NextPageContext } from "next";
-import { useRouter } from "next/router";
-import Head from "next/head";
-import { useQuery } from "react-query";
-
-import Pagination from "../common/Pagination";
-import { List } from "./List";
-import { PagedCollection } from "../../types/collection";
-import { Review } from "../../types/Review";
-import { fetch, FetchResponse, parsePage } from "../../utils/dataAccess";
-import { useMercure } from "../../utils/mercure";
-
-export const getReviewsPath = (page?: string | string[] | undefined) =>
-  `/reviews${typeof page === "string" ? `?page=${page}` : ""}`;
-export const getReviews = (page?: string | string[] | undefined) => async () =>
-  await fetch<PagedCollection<Review>>(getReviewsPath(page));
-const getPagePath = (path: string) =>
-  `/reviews/page/${parsePage("reviews", path)}`;
-
-export const PageList: NextComponentType<NextPageContext> = () => {
-  const {
-    query: { page },
-  } = useRouter();
-  const { data: { data: reviews, hubURL } = { hubURL: null } } = useQuery<
-    FetchResponse<PagedCollection<Review>> | undefined
-  >(getReviewsPath(page), getReviews(page));
-  const collection = useMercure(reviews, hubURL);
-
-  if (!collection || !collection["hydra:member"]) return null;
-
-  return (
-    <div>
-      <div>
-        <Head>
-          <title>Review List</title>
-        </Head>
-      </div>
-      <List reviews={collection["hydra:member"]} />
-      <Pagination collection={collection} getPagePath={getPagePath} />
-    </div>
-  );
-};
diff --git a/pwa/components/review/Show.tsx b/pwa/components/review/Show.tsx
deleted file mode 100644
index f8c05d2144e0c1fd0e950682d20105eff455cd5f..0000000000000000000000000000000000000000
--- a/pwa/components/review/Show.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { FunctionComponent, useState } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import Head from "next/head";
-
-import ReferenceLinks from "../common/ReferenceLinks";
-import { fetch, getItemPath } from "../../utils/dataAccess";
-import { Review } from "../../types/Review";
-
-interface Props {
-  review: Review;
-  text: string;
-}
-
-export const Show: FunctionComponent<Props> = ({ review, text }) => {
-  const [error, setError] = useState<string | null>(null);
-  const router = useRouter();
-
-  const handleDelete = async () => {
-    if (!review["@id"]) return;
-    if (!window.confirm("Are you sure you want to delete this item?")) return;
-
-    try {
-      await fetch(review["@id"], { method: "DELETE" });
-      router.push("/reviews");
-    } catch (error) {
-      setError("Error when deleting the resource.");
-      console.error(error);
-    }
-  };
-
-  return (
-    <div className="p-4">
-      <Head>
-        <title>{`Show Review ${review["@id"]}`}</title>
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{ __html: text }}
-        />
-      </Head>
-      <Link
-        href="/reviews"
-        className="text-sm text-cyan-500 font-bold hover:text-cyan-700"
-      >
-        {"< Back to list"}
-      </Link>
-      <h1 className="text-3xl mb-2">{`Show Review ${review["@id"]}`}</h1>
-      <table
-        cellPadding={10}
-        className="shadow-md table border-collapse min-w-full leading-normal table-auto text-left my-3"
-      >
-        <thead className="w-full text-xs uppercase font-light text-gray-700 bg-gray-200 py-2 px-4">
-          <tr>
-            <th>Field</th>
-            <th>Value</th>
-          </tr>
-        </thead>
-        <tbody className="text-sm divide-y divide-gray-200">
-          <tr>
-            <th scope="row">rating</th>
-            <td>{review["rating"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">body</th>
-            <td>{review["body"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">author</th>
-            <td>{review["author"]}</td>
-          </tr>
-          <tr>
-            <th scope="row">publicationDate</th>
-            <td>{review["publicationDate"]?.toLocaleString()}</td>
-          </tr>
-          <tr>
-            <th scope="row">book</th>
-            <td>
-              <ReferenceLinks
-                items={review["book"].map((ref: any) => ({
-                  href: getItemPath(ref, "/books/[id]"),
-                  name: ref,
-                }))}
-              />
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      {error && (
-        <div
-          className="border px-4 py-3 my-4 rounded text-red-700 border-red-400 bg-red-100"
-          role="alert"
-        >
-          {error}
-        </div>
-      )}
-      <div className="flex space-x-2 mt-4 items-center justify-end">
-        <Link
-          href={getItemPath(review["@id"], "/reviews/[id]/edit")}
-          className="inline-block mt-2 border-2 border-cyan-500 bg-cyan-500 hover:border-cyan-700 hover:bg-cyan-700 text-xs text-white font-bold py-2 px-4 rounded"
-        >
-          Edit
-        </Link>
-        <button
-          className="inline-block mt-2 border-2 border-red-400 hover:border-red-700 hover:text-red-700 text-xs text-red-400 font-bold py-2 px-4 rounded"
-          onClick={handleDelete}
-        >
-          Delete
-        </button>
-      </div>
-    </div>
-  );
-};
diff --git a/pwa/pages/books/[id]/edit.tsx b/pwa/pages/books/[id]/edit.tsx
deleted file mode 100644
index 679eea293c0bf8108a630a8a666e2f715f7f4dae..0000000000000000000000000000000000000000
--- a/pwa/pages/books/[id]/edit.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import {
-  GetStaticPaths,
-  GetStaticProps,
-  NextComponentType,
-  NextPageContext,
-} from "next";
-import DefaultErrorPage from "next/error";
-import Head from "next/head";
-import { useRouter } from "next/router";
-import { dehydrate, QueryClient, useQuery } from "react-query";
-
-import { Form } from "../../../components/book/Form";
-import { PagedCollection } from "../../../types/collection";
-import { Book } from "../../../types/Book";
-import { fetch, FetchResponse, getItemPaths } from "../../../utils/dataAccess";
-
-const getBook = async (id: string | string[] | undefined) =>
-  id ? await fetch<Book>(`/books/${id}`) : Promise.resolve(undefined);
-
-const Page: NextComponentType<NextPageContext> = () => {
-  const router = useRouter();
-  const { id } = router.query;
-
-  const { data: { data: book } = {} } = useQuery<
-    FetchResponse<Book> | undefined
-  >(["book", id], () => getBook(id));
-
-  if (!book) {
-    return <DefaultErrorPage statusCode={404} />;
-  }
-
-  return (
-    <div>
-      <div>
-        <Head>
-          <title>{book && `Edit Book ${book["@id"]}`}</title>
-        </Head>
-      </div>
-      <Form book={book} />
-    </div>
-  );
-};
-
-export const getStaticProps: GetStaticProps = async ({
-  params: { id } = {},
-}) => {
-  if (!id) throw new Error("id not in query param");
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(["book", id], () => getBook(id));
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const response = await fetch<PagedCollection<Book>>("/books");
-  const paths = await getItemPaths(response, "books", "/books/[id]/edit");
-
-  return {
-    paths,
-    fallback: true,
-  };
-};
-
-export default Page;
diff --git a/pwa/pages/books/[id]/index.tsx b/pwa/pages/books/[id]/index.tsx
deleted file mode 100644
index eb8312c2050282a5fe941a6e583c75c62aaaf045..0000000000000000000000000000000000000000
--- a/pwa/pages/books/[id]/index.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import {
-  GetStaticPaths,
-  GetStaticProps,
-  NextComponentType,
-  NextPageContext,
-} from "next";
-import DefaultErrorPage from "next/error";
-import Head from "next/head";
-import { useRouter } from "next/router";
-import { dehydrate, QueryClient, useQuery } from "react-query";
-
-import { Show } from "../../../components/book/Show";
-import { PagedCollection } from "../../../types/collection";
-import { Book } from "../../../types/Book";
-import { fetch, FetchResponse, getItemPaths } from "../../../utils/dataAccess";
-import { useMercure } from "../../../utils/mercure";
-
-const getBook = async (id: string | string[] | undefined) =>
-  id ? await fetch<Book>(`/books/${id}`) : Promise.resolve(undefined);
-
-const Page: NextComponentType<NextPageContext> = () => {
-  const router = useRouter();
-  const { id } = router.query;
-
-  const { data: { data: book, hubURL, text } = { hubURL: null, text: "" } } =
-    useQuery<FetchResponse<Book> | undefined>(["book", id], () => getBook(id));
-  const bookData = useMercure(book, hubURL);
-
-  if (!bookData) {
-    return <DefaultErrorPage statusCode={404} />;
-  }
-
-  return (
-    <div>
-      <div>
-        <Head>
-          <title>{`Show Book ${bookData["@id"]}`}</title>
-        </Head>
-      </div>
-      <Show book={bookData} text={text} />
-    </div>
-  );
-};
-
-export const getStaticProps: GetStaticProps = async ({
-  params: { id } = {},
-}) => {
-  if (!id) throw new Error("id not in query param");
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(["book", id], () => getBook(id));
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const response = await fetch<PagedCollection<Book>>("/books");
-  const paths = await getItemPaths(response, "books", "/books/[id]");
-
-  return {
-    paths,
-    fallback: true,
-  };
-};
-
-export default Page;
diff --git a/pwa/pages/books/create.tsx b/pwa/pages/books/create.tsx
deleted file mode 100644
index a487896b834390ac55dd055fc26a623b7af2e087..0000000000000000000000000000000000000000
--- a/pwa/pages/books/create.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NextComponentType, NextPageContext } from "next";
-import Head from "next/head";
-
-import { Form } from "../../components/book/Form";
-
-const Page: NextComponentType<NextPageContext> = () => (
-  <div>
-    <div>
-      <Head>
-        <title>Create Book</title>
-      </Head>
-    </div>
-    <Form />
-  </div>
-);
-
-export default Page;
diff --git a/pwa/pages/books/index.tsx b/pwa/pages/books/index.tsx
deleted file mode 100644
index 3dea1500e394cdf7818a048a4063a4cb24bf7e7b..0000000000000000000000000000000000000000
--- a/pwa/pages/books/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { GetStaticProps } from "next";
-import { dehydrate, QueryClient } from "react-query";
-
-import {
-  PageList,
-  getBooks,
-  getBooksPath,
-} from "../../components/book/PageList";
-
-export const getStaticProps: GetStaticProps = async () => {
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(getBooksPath(), getBooks());
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export default PageList;
diff --git a/pwa/pages/books/page/[page].tsx b/pwa/pages/books/page/[page].tsx
deleted file mode 100644
index 2a8666de6dab81a85971e5f0edaaabf01fe73448..0000000000000000000000000000000000000000
--- a/pwa/pages/books/page/[page].tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { GetStaticPaths, GetStaticProps } from "next";
-import { dehydrate, QueryClient } from "react-query";
-
-import {
-  PageList,
-  getBooks,
-  getBooksPath,
-} from "../../../components/book/PageList";
-import { PagedCollection } from "../../../types/collection";
-import { Book } from "../../../types/Book";
-import { fetch, getCollectionPaths } from "../../../utils/dataAccess";
-
-export const getStaticProps: GetStaticProps = async ({
-  params: { page } = {},
-}) => {
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(getBooksPath(page), getBooks(page));
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const response = await fetch<PagedCollection<Book>>("/books");
-  const paths = await getCollectionPaths(
-    response,
-    "books",
-    "/books/page/[page]"
-  );
-
-  return {
-    paths,
-    fallback: true,
-  };
-};
-
-export default PageList;
diff --git a/pwa/pages/reviews/[id]/edit.tsx b/pwa/pages/reviews/[id]/edit.tsx
deleted file mode 100644
index 29860cb4b6ef734907ce6b7d9afc92c5f0cefeac..0000000000000000000000000000000000000000
--- a/pwa/pages/reviews/[id]/edit.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import {
-  GetStaticPaths,
-  GetStaticProps,
-  NextComponentType,
-  NextPageContext,
-} from "next";
-import DefaultErrorPage from "next/error";
-import Head from "next/head";
-import { useRouter } from "next/router";
-import { dehydrate, QueryClient, useQuery } from "react-query";
-
-import { Form } from "../../../components/review/Form";
-import { PagedCollection } from "../../../types/collection";
-import { Review } from "../../../types/Review";
-import { fetch, FetchResponse, getItemPaths } from "../../../utils/dataAccess";
-
-const getReview = async (id: string | string[] | undefined) =>
-  id ? await fetch<Review>(`/reviews/${id}`) : Promise.resolve(undefined);
-
-const Page: NextComponentType<NextPageContext> = () => {
-  const router = useRouter();
-  const { id } = router.query;
-
-  const { data: { data: review } = {} } = useQuery<
-    FetchResponse<Review> | undefined
-  >(["review", id], () => getReview(id));
-
-  if (!review) {
-    return <DefaultErrorPage statusCode={404} />;
-  }
-
-  return (
-    <div>
-      <div>
-        <Head>
-          <title>{review && `Edit Review ${review["@id"]}`}</title>
-        </Head>
-      </div>
-      <Form review={review} />
-    </div>
-  );
-};
-
-export const getStaticProps: GetStaticProps = async ({
-  params: { id } = {},
-}) => {
-  if (!id) throw new Error("id not in query param");
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(["review", id], () => getReview(id));
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const response = await fetch<PagedCollection<Review>>("/reviews");
-  const paths = await getItemPaths(response, "reviews", "/reviews/[id]/edit");
-
-  return {
-    paths,
-    fallback: true,
-  };
-};
-
-export default Page;
diff --git a/pwa/pages/reviews/[id]/index.tsx b/pwa/pages/reviews/[id]/index.tsx
deleted file mode 100644
index a301ea1bc7ef875427ea4cdabfbef0c005f888a2..0000000000000000000000000000000000000000
--- a/pwa/pages/reviews/[id]/index.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import {
-  GetStaticPaths,
-  GetStaticProps,
-  NextComponentType,
-  NextPageContext,
-} from "next";
-import DefaultErrorPage from "next/error";
-import Head from "next/head";
-import { useRouter } from "next/router";
-import { dehydrate, QueryClient, useQuery } from "react-query";
-
-import { Show } from "../../../components/review/Show";
-import { PagedCollection } from "../../../types/collection";
-import { Review } from "../../../types/Review";
-import { fetch, FetchResponse, getItemPaths } from "../../../utils/dataAccess";
-import { useMercure } from "../../../utils/mercure";
-
-const getReview = async (id: string | string[] | undefined) =>
-  id ? await fetch<Review>(`/reviews/${id}`) : Promise.resolve(undefined);
-
-const Page: NextComponentType<NextPageContext> = () => {
-  const router = useRouter();
-  const { id } = router.query;
-
-  const { data: { data: review, hubURL, text } = { hubURL: null, text: "" } } =
-    useQuery<FetchResponse<Review> | undefined>(["review", id], () =>
-      getReview(id)
-    );
-  const reviewData = useMercure(review, hubURL);
-
-  if (!reviewData) {
-    return <DefaultErrorPage statusCode={404} />;
-  }
-
-  return (
-    <div>
-      <div>
-        <Head>
-          <title>{`Show Review ${reviewData["@id"]}`}</title>
-        </Head>
-      </div>
-      <Show review={reviewData} text={text} />
-    </div>
-  );
-};
-
-export const getStaticProps: GetStaticProps = async ({
-  params: { id } = {},
-}) => {
-  if (!id) throw new Error("id not in query param");
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(["review", id], () => getReview(id));
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const response = await fetch<PagedCollection<Review>>("/reviews");
-  const paths = await getItemPaths(response, "reviews", "/reviews/[id]");
-
-  return {
-    paths,
-    fallback: true,
-  };
-};
-
-export default Page;
diff --git a/pwa/pages/reviews/create.tsx b/pwa/pages/reviews/create.tsx
deleted file mode 100644
index f8cab9e1460e41e342c4334cee4ba5633389ced6..0000000000000000000000000000000000000000
--- a/pwa/pages/reviews/create.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NextComponentType, NextPageContext } from "next";
-import Head from "next/head";
-
-import { Form } from "../../components/review/Form";
-
-const Page: NextComponentType<NextPageContext> = () => (
-  <div>
-    <div>
-      <Head>
-        <title>Create Review</title>
-      </Head>
-    </div>
-    <Form />
-  </div>
-);
-
-export default Page;
diff --git a/pwa/pages/reviews/index.tsx b/pwa/pages/reviews/index.tsx
deleted file mode 100644
index c18310fd1cd6ee556a319fbec6b2c8458f3058b7..0000000000000000000000000000000000000000
--- a/pwa/pages/reviews/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { GetStaticProps } from "next";
-import { dehydrate, QueryClient } from "react-query";
-
-import {
-  PageList,
-  getReviews,
-  getReviewsPath,
-} from "../../components/review/PageList";
-
-export const getStaticProps: GetStaticProps = async () => {
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(getReviewsPath(), getReviews());
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export default PageList;
diff --git a/pwa/pages/reviews/page/[page].tsx b/pwa/pages/reviews/page/[page].tsx
deleted file mode 100644
index 079820749498da528e89837e5e508ebdabf9cd43..0000000000000000000000000000000000000000
--- a/pwa/pages/reviews/page/[page].tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { GetStaticPaths, GetStaticProps } from "next";
-import { dehydrate, QueryClient } from "react-query";
-
-import {
-  PageList,
-  getReviews,
-  getReviewsPath,
-} from "../../../components/review/PageList";
-import { PagedCollection } from "../../../types/collection";
-import { Review } from "../../../types/Review";
-import { fetch, getCollectionPaths } from "../../../utils/dataAccess";
-
-export const getStaticProps: GetStaticProps = async ({
-  params: { page } = {},
-}) => {
-  const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(getReviewsPath(page), getReviews(page));
-
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-    },
-    revalidate: 1,
-  };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const response = await fetch<PagedCollection<Review>>("/reviews");
-  const paths = await getCollectionPaths(
-    response,
-    "reviews",
-    "/reviews/page/[page]"
-  );
-
-  return {
-    paths,
-    fallback: true,
-  };
-};
-
-export default PageList;
diff --git a/pwa/pages/the-index.jsx b/pwa/pages/the-index.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..727806d86cce7b1ed1155c4e08f85a85c6ea1267
--- /dev/null
+++ b/pwa/pages/the-index.jsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+/*function handleFetchData() {
+  const
+}*/
+
+export default function Index() {
+  return <p>Let's go</p>
+}