Documentation | Fascinante Digital

Package Versions Package Structure Quick Start Project Configuration

Package Versions

v15.3.1

NextJs

v19.0.0

React

v4+

Tailwindcss

v2.49.4

Supabase

v5.6.3

Typescript

Fascinante Digital leverages modern web technologies to deliver high-performance digital marketing solutions for businesses across Florida.

Our platform combines cutting-edge technology with data-driven marketing strategies to help businesses grow their online presence and connect with their target audience.

Docs Menu

Package Structure

Fascinante Digital Platform

|—
packages
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- - - |—
      public
    - |—
      src
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |—
      app
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |—
      (site) (Contains all the pages)
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |
      |—
      (auth)
      |
      |
      |
      |—
      signin
      |
      |—
      signup
      |
      |—
      forgot-password
      |—
      about-us
      |—
      contact-us
      |—
      documentation
      |—
      profile
      |—
      services
      |—
      api
      |
      |
      |
      |—
      services
      |—
      global.css
      |—
      layout.tsx
      |—
      not-found.tsx
      |—
      page.tsx
      |—
      components (All components available in the platform.)
      |—
      styles
      |—
      types
      |—
      utils
    - |—
      next.config.mjs
    - |—
      postcss.config.mjs
    - |—
      package.json
    - |—
      tailwind.config.ts
    - |—
      tsconfig.json

Quick Start

1. Requirements

Before proceeding, you need to have the latest stable node.js

Recommended environment:

node js 20+
npm js 10+

2. Install

Open package folder and install its dependencies. We recommanded yarn or npm.

1) Install with npm:

cd project-folder

npm install

1) Install with yarn:

cd project-folder

yarn install

3. Start

Once npm install is done now you an run the app.

npm run dev or yarn run dev

This command will start a local webserver http://localhost:3000:

> gleamer@1.0.0 dev

> next dev

-Next.js 15.2.4

-Local: http://localhost:3000

4. Build / Deployment

After adding url run below command for build a app.

npm run build or yarn build

Finally, Your webiste is ready to be deployed.🥳

Project Configuration

Colors

1. Override Colors
For any change in colors : src/app/globals.css

--color-primary: #C1FF72;--color-secondary: #1F2A2E;--color-darkPrimary: #a8ff39;--color-sand-light: #D6D1C2;--color-dusty-gray: #4D6974; --color-light-olive: #9ACC5B;--color-gray: #3E545D;--color-gray-steel: #82969E;--color-natural-gray: #E9E6DD;--color-offwhite-warm: #F8F8F5;--color-foggy-clay: #F4F3EE;--color-dark-gray :#303c40;

2. Override Theme Colors
For change , go to : src/app/globals.css

--color-primary: #C1FF72;--color-secondary: #1F2A2E;

Typography

1. Change Font family over here : src/app/layout.tsx

import { Inter } from "next/font/google";

const inter = Inter({ subsets: ["latin"],});

Logo

1. Change Logo over here : src/components/Layout/Header/Logo/index.tsx

<Image

src="/images/logo/logo.svg"

alt="logo"

width=190

height=34

quality=100

className='dark:hidden'

<Image

src="/images/footer/footer-logo-white.svg"

alt="logo"

width=190

height=34

quality=100

className='dark:block hidden'

</Link>