Manual setup

This guide explains how to set up your Suncel project step by step, from scratch.

If you have an already existing NextJS project, adjust the guide related to it.

Requirements

To create a NextJS project lets use the nextJS CLI

npx create-next-app@latest --ts

npm i @suncel/nextjs

We need to configure the .env of your project with the keys from your Dashboard.

In the API Section of your project, copy paste your API Key and your Revalidation Secret in your .env as follows:

# .env file

NEXT_PUBLIC_SUNCEL_KEY={YOUR_SUNCEL_API_KEY}
SUNCEL_REVALIDATE_SECRET={YOUR_SUNCEL_REVALIDATE_SECRET}

For Suncel to be fully functional with all its features, you will need to implement the following steps: