Here is the folder structure of this app.

space-portfolio/
  |- app/
    |-- apple-icon.png
    |-- favicon.ico
    |-- globals.css
    |-- icon1.png
    |-- icon2.png
    |-- layout.tsx
    |-- page.tsx
  |- components/
    |-- main/
    |-- sub/
  |- config/
    |-- index.ts
  |- constants/
    |-- index.ts
  |- lib/
    |-- motion.ts
    |-- utils.ts
  |- public/
  |- .eslintrc.json
  |- .gitignore
  |- eslint.config.mjs
  |- netlify.toml
  |- next.config.js
  |- package.json
  |- pnpm-lock.yaml
  |- pnpm-workspace.yaml
  |- postcss.config.js
  |- tailwind.config.ts
  |- tsconfig.json

1. Make sure Git and NodeJS is installed.

2. Clone this repository to your local computer.

3. Open terminal in root directory. Run npm install or pnpm install.

4. Now app is fully configured 👍 and you can start using this app using npm run dev or pnpm dev.

If you run into issues during installation or setup:

• GitHub Discussions — Open a Q&A discussion for setup and troubleshooting help.
• Email — sanidhyyy@gmail.com
• Discord — @sanidhyy

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

Useful resources and dependencies that are used in Space Portfolio.

• @heroicons/react: ^2.2.0
• @react-three/drei: ^10.7.9
• @react-three/fiber: ^9.8.1
• @types/node: ^26
• @types/react: 19.2.18
• @types/react-dom: 19.2.5
• @types/three: ^0.186.0
• autoprefixer: ^10.6.0
• clsx: ^2.1.1
• eslint: ^10.12.0
• eslint-config-next: 16.3.6
• framer-motion: ^14.0.0
• maath: ^0.10.8
• next: 16.3.8
• postcss: ^8
• react: 19.2.8
• react-dom: 19.2.8
• react-icons: ^5.7.0
• react-intersection-observer: ^11.0.1
• tailwind-merge: ^3.6.0
• tailwindcss: ^3.3.0
• three: ^0.186.1
• typescript: ^6

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

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.

You can also give this repository a star to show more people and they can use this repository.

(back to top)