NextJs
React
Tailwindcss
NextAuth
Typescript
|—
packages|—
markdown|—
public|—
src|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|—
app|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|—
(site) (Contains all the pages)|
|
|
|
|
|—
(auth)|
|
|
|—
signin|
|—
signup|—
documentation|—
api|
|
|
|—
auth|
|—
contex|—
Context|
|
|—
authDialogContext.tsx
|—
global.css|—
layout.tsx|—
not-found.tsx|—
page.tsx|—
components (All the Components of this template.)|—
styles|—
types|—
utils|—
next.config.mjs|—
postcss.config.mjs|—
package.json|—
tailwind.config.ts|—
tsconfig.jsonBefore proceeding, you need to have the latest stable node.js
Open package folder and install its dependencies. We recommanded yarn or npm.
cd project-folder
npm install
cd project-folder
yarn install
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:
> innovage-cloud-next@2.0.0 dev
> next dev
-Next.js 14.2.4
-Local: http://localhost:3000
After adding url run below command for build a app.
npm run build or yarn build
Finally, Your webiste is ready to be deployed.🥳
1. Override Colors
For any change in colors : tailwind.config.ts
primary: "#6556ff",secondary: "#1a21bc",grey: "#57595f",slateGray: "#f6faff",deepSlate: "#d5effa",success: "#43c639",midnight_text: "#222c44",
2. Override Theme Colors
For change , go to : tailwind.config.ts
primary: "#6556ff",secondary: "#1a21bc",
1. Change Font family over here : src/app/layout.tsx
import { Poppins } from "next/font/google";
const font = Poppins({ subsets: ["latin"], weight: ["400", "500", "600", "700"], });
1. Change Logo over here : src/components/Layout/Header/Logo/index.tsx
<Link href="/">
<Image
src="/images/logo/logo.svg"
alt="logo"
width=160
height=50
quality=100
style={width: "auto", height: "auto"}
/>