# Isomorphic

## Getting Started

System Requirements:

1. [Node.js 18.17^](https://nodejs.org/en) or later.
2. [pnpm - package manager](https://pnpm.io/installation#using-npm) (recommended)

First, install dependencies:

```bash
npm i
# or
pnpm install
# or
yarn install
```

Now, run the development server, but first please configure (env variables)[https://isomorphic-doc.vercel.app/getting-started/installation#setting-environment-variables]:

```bash
npm run dev
# or
pnpm dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/(hydrogen)/page.tsx`. The page auto-updates as you edit the file to learn more about this template please visit our **[Official Documentation](https://isomorphic-doc.vercel.app/)**.

checkout our `package.json` scripts for more command.

## Learn More.

To learn more about Isomorphic & Next.js, take a look at the following resources:

- [Isomorphic Documentation](https://isomorphic-doc.vercel.app/) - learn about Isomorphic.
- [RizzUI](https://www.rizzui.com/) - a react ui library by [REDQ](https://redq.io/).
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

https://www.youtube.com/watch?v=MAtaT8BZEAo


## Dynamic Page Title : 

### In Next.js, especially in version 13 and beyond (with the app directory structure), the metadata export is used to define SEO and head-related metadata for a specific page or layout. This includes details such as the page title, meta description This feature allows you to manage the content of the <head> section in a structured and reusable way.

## Changing Images, Logos, and Favicons
 
 ### Sidebar-Logo: 
  - Replace the TridhyaLogo file located in /public/TridhyaLogo.webp.
  - we have to add logo on this file (sidebar.tsx)
  - src\layouts\hydrogen\sidebar.tsx

 ### Favicon:
  - Replace the favicon file in /public/favicon.ico

 ### Modifying Theme Colors

   #### Global Theme Colors
    - Navigate to globals.css
    - Update primary, secondary, and other color variables

![alt text](image.png)



