Pacakge Versions

npm-package
v15.0.3

NextJs

npm-package
v18.3.1

React

npm-package
v3.4.1

Tailwindcss

npm-package
v4.24.7

NextAuth

npm-package
v5.6.3

Typescript

Leietakerregister er bygget med Tailwind CSS og Next.js.

Løsningen er klar til bruk og kan tilpasses fullt ut etter behov.

For å gjøre endringer bør du kjenne til Next.js, React, Tailwind og JSX.

Pacakge Structure

Leietakerregister
  • |—

    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.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:

> leietakerregister@2.0.0 dev

> next dev

-Next.js 14.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 : tailwind.config.ts

primary: "#0066FF",purple: "#1E013A",grey: "#F4F5F6",border: "#DBDBDB",darkmode: "#00224a",deepSlate: "#02398A",

2. Override Theme Colors
For change , go to : tailwind.config.ts

primary: "#0066FF",darkmode: "#00224a",

Typography

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

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

const montserrat = Montserrat({ subsets: ["latin"] });

Logo

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"}

/>

Leietakerregister

AI Akademi AS

Rosenholmveien 25, 1414 Trollåsen

Epost: hei@aiakademi.no

Mob: 48672494

Org. nr.: 936473253

© 2026 – Alle rettigheter reservert av AI Akademi AS