Ohouse Clone Coding

This is a clone coding project of Today's House (Ohouse), built with Next.js.

Project Goal

The primary objective of this project is to maximize the utilization of AI in software development. We aim to explore how AI tools and assistants can accelerate the development process, from code generation to problem-solving and optimization.

Tech Stack

This project is built using the following technologies:

• Framework: Next.js (Page Router)
• Language: TypeScript
• Styling: Tailwind CSS
• State Management / Data Fetching: TanStack Query (React Query)
• Virtualization: TanStack Virtual

Project Structure

The project follows a standard Next.js Page Router structure:

• src/pages: Application routes and views.
• src/components: Reusable UI components.
• src/hooks: Custom React hooks.
• src/utils: Utility functions and helpers.
• src/styles: Global styles and configuration.
• src/types: TypeScript type definitions.

Crawler Configuration

To prevent search engine indexing (e.g., Googlebot), a robots.txt file is included in the public directory with the following configuration:

User-agent: *
Disallow: /

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.tsx. The page auto-updates as you edit the file.