+12
-30
README.md
+12
-30
README.md
···
1
-
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
2
-
3
-
## Getting Started
4
-
5
-
First, run the development server:
6
-
7
-
```bash
8
-
npm run dev
9
-
# or
10
-
yarn dev
11
-
# or
12
-
pnpm dev
13
-
# or
14
-
bun dev
15
-
```
16
-
17
-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18
-
19
-
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20
-
21
-
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
1
+
# pin.to.it
22
2
23
-
## Learn More
3
+
This is an opinionated and [shadcn UI](https://ui.shadcn.com/) flavored [scrapboard](https://scrapboard.org) client.
24
4
25
-
To learn more about Next.js, take a look at the following resources:
5
+
## Why?
26
6
27
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28
-
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
7
+
### Opinionated Design Philosophy
29
8
30
-
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
9
+
- **Never use handles**: Handles should be for UI display only. DIDs (Decentralized Identifiers) are more permanent and reliable, so they're used for all routing and backend operations
10
+
- **Visually appealing**: Every image, component, and interface element should look appealing.
11
+
- **Distinctly different**: This app deliberately diverges from Scrapboard.org with UI and features.
31
12
32
-
## Deploy on Vercel
33
-
34
-
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.
13
+
### Technical Stack
35
14
36
-
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
15
+
- **Frontend**: Next.js with TypeScript
16
+
- **UI Components**: shadcn/ui for consistent, accessible design
17
+
- **Styling**: Tailwind CSS for utility-first styling
18
+
- **Protocol**: AT Protocol for decentralized social networking