• Built with React, Next.js and TypeScript
• Managing state with React Query
• Handling forms and validation with React Hook Form and zod
• Managing content with Contentful CMS
• Styling with TailwindCSS
• Deployed with Vercel

The products are managed in the Contentful CMS dashboard (https://app.contentful.com).

Under Settings -> Locales, set the default to Hebrew (he) and add a new locale English (en).
For the English locale, tick the "Allow empty fields for this locale" checkbox and don't provide a fallback locale.

Under Content model, click on Add content type and create a new content model Product.
It should contain the following fields:

1. Title
   • Short text
   • Enable localization on this field and set as required
2. Price
   • Integer
   • Set as required
3. Pictures
   • Media, many files
   • Set as required

Contentful's tags are used to categorize products.
You can edit these tags under Settings -> Tags.
The tag name is used as a label for the category.
To apply a tag to a product, go to the product's entry under Content and click the Tags tab.

For a quick start, rename .env.local.example in the project root to .env.local and open it. This file contains all the neccessary environment variables for the project.

The contact form is using the nodemailer package to send a new mail for every submission.
The mail is sent from the Gmail address mentioned in NEXT_PUBLIC_EMAIL_ADDRESS.
The mail recipient, the subject and the body are configurable in src/config/index.ts.

To start the development server, run:

npm run dev

Then open http://localhost:3000 with your browser.

The easiest way to deploy this project is with Vercel.
Click the button below to start.