Docs

Learn

v.Latest

Introduction

Configuring TinaCMS

Querying Content

TinaCloud

Self-Hosting

Advanced

Beginner Series

Technical Guides

Docs

Learn

v.Latest

Documentation

Clean Up Your Project

Loading last updated info...

On This Page

Let's prepare our project for integration with TinaCMS.

This is only to keep things simple moving forward.

Replace Default Content

Open up the project in your preferred IDE.
Delete the content from your NextJS app/page.tsx file.
Add a "Hello world" header! (you can use the example code below).

You should end up with:

export default function Home() {
  return (
    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-(family-name:--font-geist-sans)">
      <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
        <h1>Hello World!</h1>
      </main>
    </div>
  );
}