https://github.com/sucrose-desu/alicization
Project Alicization | Private cinematic project.
https://github.com/sucrose-desu/alicization
drizzle-orm ffmpeg fluent-ffmpeg framer-motion nextjs15 postgres ramda tailwindcss zod
Last synced: about 1 year ago
JSON representation
Project Alicization | Private cinematic project.
- Host: GitHub
- URL: https://github.com/sucrose-desu/alicization
- Owner: sucrose-desu
- License: mit
- Created: 2025-03-07T13:11:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-08T16:48:24.000Z (about 1 year ago)
- Last Synced: 2025-04-08T17:41:42.300Z (about 1 year ago)
- Topics: drizzle-orm, ffmpeg, fluent-ffmpeg, framer-motion, nextjs15, postgres, ramda, tailwindcss, zod
- Language: TypeScript
- Homepage:
- Size: 6.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Project Alicization - Webapp.
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## ⚙️ Tech Stack
- [TypeScript](https://www.typescriptlang.org)
- [Next.js](https://nextjs.org/docs/getting-started)
- [HeroUI](https://www.heroui.com)
- [Framer Motion](https://www.framer.com/motion)
- [React Hook Form](https://www.react-hook-form.com)
- [Tailwind CSS](https://tailwindcss.com)
- [Tailwind Variants](https://tailwind-variants.org)
- [DrizzleORM](https://orm.drizzle.team/docs)
- [Zod](https://zod.dev)
- [TypeScript](https://www.typescriptlang.org)
## 🧩 VS Code Extensions
- [React](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [Tailwind CSS](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
## 📋 Directory Structure
```
src # App entry point.
└─ app # App Router.
└─ components # Shared components.
└─ constants # Constant variable.
└─ hooks # Customs hooks.
└─ libs # Libraries, utilities.
└─ services # App services.
└─ styles # Stylesheet.
└─ types # TypeScript decorators.
```
## 💽 Install dependencies
You can use one of them `yarn`, `pnpm`, `bun`, Example using `pnpm`:
```bash
pnpm install
```
## 🚀 Compiles and hot-reloads for development
```bash
pnpm start:dev
```
Open [http://localhost:8443](http://localhost:8443) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
### Setup pnpm (optional)
If you are using `pnpm`, you need to add the following code to your `.npmrc` file:
```bash
public-hoist-pattern[]=*@heroui/*
```
After modifying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
## 📦 Compiles and minifies for production
```bash
pnpm build
```
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.