James-admin/PawShip
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
jamesratcliffe101
2026-04-03 18:25:54 +01:00
commit 17e26fc87f
35 changed files with 4716 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
README.md Normal file
View File

@@ -0,0 +1,36 @@
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).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) 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/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
## 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/app/building-your-application/deploying) for more details.

41
app/api/uploadthing/core.ts Normal file
View File

@@ -0,0 +1,41 @@
import { clerkClient, auth } from "@clerk/nextjs/server";
import { createUploadthing, type FileRouter } from "uploadthing/next";
import { UploadThingError } from "uploadthing/server";
const f = createUploadthing();
// FileRouter for your app, can contain multiple FileRoutes
export const ourFileRouter = {
// Define as many FileRoutes as you like, each with a unique routeSlug
imageUploader: f({
image: {
/**
* For full list of options and defaults, see the File Route API reference
* @see https://docs.uploadthing.com/file-routes#route-config
*/
maxFileSize: "4MB",
maxFileCount: 1,
},
})
// Set permissions and file types for this FileRoute
.middleware(async () => {
// This code runs on your server before upload
const user = await auth();
// If you throw, the user will not be able to upload
if (!user) throw new UploadThingError("Unauthorized");
// Whatever is returned here is accessible in onUploadComplete as `metadata`
return { userId: user.userId };
})
.onUploadComplete(async ({ metadata, file }) => {
// This code RUNS ON YOUR SERVER after upload
console.log("Upload complete for userId:", metadata.userId);
console.log("file url", file.ufsUrl);
// !!! Whatever is returned here is sent to the clientside `onClientUploadComplete` callback
return { uploadedBy: metadata.userId };
}),
} satisfies FileRouter;
export type OurFileRouter = typeof ourFileRouter;

11
app/api/uploadthing/route.ts Normal file
View File

@@ -0,0 +1,11 @@
import { createRouteHandler } from "uploadthing/next";
import { ourFileRouter } from "./core";
// Export routes for Next App Router
export const { GET, POST } = createRouteHandler({
router: ourFileRouter,
// Apply an (optional) custom config:
// config: { ... },
});

5
app/create_post/layout.tsx Normal file
View File

@@ -0,0 +1,5 @@
export default function layout({ children }: { children: React.ReactNode}){
return <>
{children}
</>
}

57
app/create_post/page.tsx Normal file
View File

@@ -0,0 +1,57 @@
import Form from 'next/form'
import { auth } from '@clerk/nextjs/server';
import { prisma } from "@/lib/prisma";
import { revalidatePath } from "next/cache";
import { redirect } from "next/navigation";
export default async function Page() {
async function createPost(formData: FormData) {
"use server";
const { userId } = await auth(); //
if (!userId) {
throw new Error("You must be logged in to post!");
}
const first_name = formData.get("fname") as string;
const last_name = formData.get("lname") as string;
const post_text = formData.get("post-text") as string;
const pet_species = formData.get("pet_species") as string;
console.log(first_name, last_name, post_text, pet_species);
await prisma.post.create({
data: {
content: post_text,
petId: 3,
},
});
revalidatePath("/");
redirect("/");
}
return <>
<h1>This is create post content</h1>
<Form action={createPost}>
<label htmlFor="fname">First name:</label><br/>
<input type="text" id="fname" name="fname" className="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6 dark:bg-white/5 dark:text-white dark:outline-white/10 dark:placeholder:text-gray-500 dark:focus:outline-indigo-500"/><br/>
<label htmlFor="lname">Last name:</label><br/>
<input type="text" id="lname" name="lname" className="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6 dark:bg-white/5 dark:text-white dark:outline-white/10 dark:placeholder:text-gray-500 dark:focus:outline-indigo-500"/><br/>
<label htmlFor="post-text">Content: </label><br/>
<textarea id="post-text" name="post-text"className="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6 dark:bg-white/5 dark:text-white dark:outline-white/10 dark:placeholder:text-gray-500 dark:focus:outline-indigo-500"/><br/> <br/>
<label>What animal is posting this?</label><br />
<input type="radio" name="pet_species" value="Dog" />
<label htmlFor="html">Dog</label><br />
<input type="radio" name="pet_species" value="Cat" />
<label htmlFor="css">Cat</label><br />
<input type="radio" name="pet_species" value="Goat" />
<label htmlFor="javascript">Goat</label><br/>
<button type="submit" className="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:bg-indigo-500 dark:shadow-none dark:focus-visible:outline-indigo-500">Post</button>
</Form>
</>
}

BIN
app/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

56
app/globals.css Normal file
View File

@@ -0,0 +1,56 @@
@import "tailwindcss";
@import "uploadthing/tw/v4";
@source "../node_modules/@uploadthing/react/dist";
:root {
--background: #ffffff;
--foreground: #171717;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
body {
margin: 10px;
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
.nav-element {
color: black;
font-weight: bold;
background-color: #ffffff;
border-radius: 20px;
margin-right: 5px;
margin-left: 5px;
padding: 9px;
}
.nav-element:hover {
color: white;
background-color: #171717;
cursor: pointer;
}
.active-nav-element {
color: white;
font-weight: bold;
background-color: #171717;
border-radius: 20px;
margin-right: 5px;
margin-left: 5px;
padding: 9px;
}

69
app/layout.tsx Normal file
View File

@@ -0,0 +1,69 @@
import type { Metadata } from 'next'
import { dark, neobrutalism } from '@clerk/themes'
import {
ClerkProvider,
SignInButton,
SignUpButton,
SignedIn,
SignedOut,
UserButton,
} from '@clerk/nextjs'
import { Geist, Geist_Mono } from 'next/font/google'
import './globals.css'
import Menu from './menu'
const geistSans = Geist({
variable: '--font-geist-sans',
subsets: ['latin'],
})
const geistMono = Geist_Mono({
variable: '--font-geist-mono',
subsets: ['latin'],
})
export const metadata: Metadata = {
title: 'Pawship',
description: 'Generated by create next app',
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<ClerkProvider appearance={{
theme: dark,
signIn: { theme: neobrutalism },
}}>
<html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
<header className="flex justify-end items-center p-4 gap-4 h-16">
{/* Show the sign-in and sign-up buttons when the user is signed out */}
<Menu />
<SignedOut>
<SignInButton>
<button className="nav-element">
Sign In
</button>
</SignInButton>
<SignUpButton>
<button className="nav-element">
Sign Up
</button>
</SignUpButton>
</SignedOut>
{/* Show the user button when the user is signed in */}
<SignedIn>
<UserButton />
</SignedIn>
</header>
<h1>This is the index layout warpper \/</h1>
{children}
<h1>This is the index layout warpper /\</h1>
</body>
</html>
</ClerkProvider>
)
}

3
app/login/page.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default async function Page() {
return <h1>This is login content</h1>
}

6
app/manage_pet_account/page.tsx Normal file
View File

@@ -0,0 +1,6 @@
export default async function Page() {
return <>
<h1>This is manage pet account content</h1>
<p>Given the user account ID, need to load all active pet accounts and display data like friends and whatnot. have button to create/delete pet account</p>
</>
}

22
app/menu.tsx Normal file
View File

@@ -0,0 +1,22 @@
'use client'
import Link from 'next/link';
import { SignedIn } from '@clerk/nextjs';
import { usePathname } from 'next/navigation';
//import { Client } from '@clerk/nextjs/server';
export default function Menu() {
const is_active = (path: string) => path === usePathname();
return <>
<nav>
<Link href="/" className={is_active("/") ? 'active-nav-element' : 'nav-element'}>Home</Link>
<SignedIn>
<Link href="/settings" className={is_active("/settings") ? 'active-nav-element' : 'nav-element'}>Settings</Link>
<Link href="/create_post" className={is_active("/create_post") ? 'active-nav-element' : 'nav-element'}>Create A Post</Link>
<Link href="/manage_pet_account" className={is_active("/manage_pet_account") ? 'active-nav-element' : 'nav-element'}>Manage Pet Accounts</Link>
</SignedIn>
</nav>
</>
}

19
app/page.tsx Normal file
View File

@@ -0,0 +1,19 @@
import { prisma } from "../lib/prisma"
import Link from 'next/link'
import Post from './post'
const allPosts = await prisma.post.findMany({
include: {
pet: true
}
});
export default async function Page() {
const posts = allPosts.map(item => <Post key={item.id} postData={item}></Post>);
return <>
<h1>Posts</h1>
{posts}
</>
}

19
app/post.tsx Normal file
View File

@@ -0,0 +1,19 @@
import type { Prisma } from "../generated/prisma/client"
type PostWithPet = Prisma.PostGetPayload<{
include: { pet: true }
}>;
interface PostProps {
postData: PostWithPet;
}
export default async function Post({ postData }: PostProps) {
return <>
<h1>{postData.petId}</h1>
<p>{postData.content}</p>
<br/>
<p>Posted by a: <b>{postData.pet.species}</b> called <b>{postData.pet.name}</b></p>
<hr/>
</>
}

9
app/settings/layout.tsx Normal file
View File

@@ -0,0 +1,9 @@
export default function layout({ children }: { children: React.ReactNode}){
return <>
<h1>This is a Settings layout \/</h1>
{children}
<h1>This is a Settings layout /\</h1>
</>
}

22
app/settings/page.tsx Normal file
View File

@@ -0,0 +1,22 @@
"use client";
import { UploadButton } from "../../lib/uploadthing";
export default function Home() {
return (
<main className="flex min-h-screen flex-col items-center justify-between p-24">
<UploadButton
endpoint="imageUploader"
onClientUploadComplete={(res) => {
// Do something with the response
console.log("Files: ", res);
alert("Upload Completed");
}}
onUploadError={(error: Error) => {
// Do something with the error.
alert(`ERROR! ${error.message}`);
}}
/>
</main>
);
}

39
biome.json Normal file
View File

@@ -0,0 +1,39 @@
{
"$schema": "https://biomejs.dev/schemas/2.3.14/schema.json",
"css": {
"parser": {
"tailwindDirectives": true
}
},
"vcs": {
"enabled": true,
"clientKind": "git",
"useIgnoreFile": true
},
"files": {
"ignoreUnknown": false
},
"formatter": {
"enabled": true,
"indentStyle": "tab"
},
"linter": {
"enabled": true,
"rules": {
"recommended": true
}
},
"javascript": {
"formatter": {
"quoteStyle": "double"
}
},
"assist": {
"enabled": true,
"actions": {
"source": {
"organizeImports": "on"
}
}
}
}

15
docker-compose.yml Normal file
View File

@@ -0,0 +1,15 @@
services:
mysql:
image: mysql:8
container_name: nextjs_mysql
restart: always
environment:
MYSQL_ROOT_PASSWORD: root_password
MYSQL_DATABASE: my_app_db
ports:
- "3306:3306"
volumes:
- mysql_data:/var/lib/mysql
volumes:
mysql_data:

19
lib/prisma.ts Normal file
View File

@@ -0,0 +1,19 @@
import "dotenv/config";
import { PrismaMariaDb } from '@prisma/adapter-mariadb';
import { PrismaClient } from '../generated/prisma/client';
const globalForPrisma = global as unknown as { prisma: PrismaClient };
// Only create the adapter once
const adapter = new PrismaMariaDb({
host: process.env.DATABASE_HOST,
user: process.env.DATABASE_USER,
password: process.env.DATABASE_PASSWORD,
database: process.env.DATABASE_NAME,
connectionLimit: 5
});
// Use the singleton pattern so Next.js doesn't exhaust your MySQL connections
export const prisma = globalForPrisma.prisma || new PrismaClient({ adapter });
if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;

9
lib/uploadthing.ts Normal file
View File

@@ -0,0 +1,9 @@
import {
generateUploadButton,
generateUploadDropzone,
} from "@uploadthing/react";
import type { OurFileRouter } from "../app/api/uploadthing/core";
export const UploadButton = generateUploadButton<OurFileRouter>();
export const UploadDropzone = generateUploadDropzone<OurFileRouter>();

24
middleware.ts Normal file
View File

@@ -0,0 +1,24 @@
import { clerkMiddleware, createRouteMatcher } from '@clerk/nextjs/server';
import { NextResponse, NextRequest } from 'next/server'
const protectedRoutes = createRouteMatcher([
'/dashboard(.*)',
'/create_posts(.*)',
'/settings(.*)',
]);
export default clerkMiddleware(async (auth, req) => {
console.log("a pet with account:", auth.name);
if (protectedRoutes(req)) {
await auth.protect();
}
});
export const config = {
matcher: [
// Skip Next.js internals and all static files, unless found in search params
'/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',
// Always run for API routes
'/(api|trpc)(.*)',
],
};

7
next.config.ts Normal file
View File

@@ -0,0 +1,7 @@
import type { NextConfig } from "next";
const nextConfig: NextConfig = {
/* config options here */
};
export default nextConfig;

3967
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

36
package.json Normal file
View File

@@ -0,0 +1,36 @@
{
"name": "pet-social-media",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "docker compose up -d && prisma generate && next dev",
"build": "next build",
"start": "docker compose up -d && prisma pull && prisma generate && next start",
"lint": "biome check",
"format": "biome format --write"
},
"dependencies": {
"@clerk/nextjs": "^6.37.5",
"@clerk/themes": "^2.4.54",
"@prisma/adapter-mariadb": "^7.3.0",
"@prisma/client": "^7.3.0",
"@uploadthing/react": "^7.3.3",
"dotenv": "^17.2.4",
"next": "16.1.6",
"react": "19.2.3",
"react-dom": "19.2.3",
"uploadthing": "^7.7.4"
},
"devDependencies": {
"@biomejs/biome": "2.3.14",
"@tailwindcss/postcss": "^4",
"@types/node": "^20.19.33",
"@types/react": "^19",
"@types/react-dom": "^19",
"prisma": "^7.3.0",
"tailwindcss": "^4",
"tsx": "^4.21.0",
"typescript": "^5"
},
"type": "module"
}

7
postcss.config.mjs Normal file
View File

@@ -0,0 +1,7 @@
const config = {
plugins: {
"@tailwindcss/postcss": {},
},
};
export default config;

15
prisma.config.ts Normal file
View File

@@ -0,0 +1,15 @@
// This file was generated by Prisma, and assumes you have installed the following:
// npm install --save-dev prisma dotenv
import "dotenv/config";
import { defineConfig } from "prisma/config";
export default defineConfig({
schema: "prisma/schema.prisma",
migrations: {
path: "prisma/migrations",
seed: "tsx prisma/seed.ts",
},
datasource: {
url: process.env["DATABASE_URL"],
},
});

23
prisma/migrations/20260211171220_init/migration.sql Normal file
View File

@@ -0,0 +1,23 @@
-- CreateTable
CREATE TABLE `User` (
`id` INTEGER NOT NULL AUTO_INCREMENT,
`email` VARCHAR(191) NOT NULL,
`name` VARCHAR(191) NULL,
UNIQUE INDEX `User_email_key`(`email`),
PRIMARY KEY (`id`)
) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
-- CreateTable
CREATE TABLE `Post` (
`id` INTEGER NOT NULL AUTO_INCREMENT,
`title` VARCHAR(191) NOT NULL,
`content` TEXT NULL,
`published` BOOLEAN NOT NULL DEFAULT false,
`authorId` INTEGER NOT NULL,
PRIMARY KEY (`id`)
) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
-- AddForeignKey
ALTER TABLE `Post` ADD CONSTRAINT `Post_authorId_fkey` FOREIGN KEY (`authorId`) REFERENCES `User`(`id`) ON DELETE RESTRICT ON UPDATE CASCADE;

3
prisma/migrations/migration_lock.toml Normal file
View File

@@ -0,0 +1,3 @@
# Please do not edit this file manually
# It should be added in your version-control system (e.g., Git)
provider = "mysql"

43
prisma/schema.prisma Normal file
View File

@@ -0,0 +1,43 @@
generator client {
provider = "prisma-client"
output = "../generated/prisma"
}
datasource db {
provider = "mysql"
}
model Pet {
id Int @id @default(autoincrement())
name String
species String
userId String
posts Post[] // One pet can have many posts
sentRequests Friendship[] @relation("sentRequests")
receivedRequests Friendship[] @relation("receivedRequests")
}
model Friendship {
id Int @id @default(autoincrement())
petId Int
friendId Int
pet Pet @relation("sentRequests", fields: [petId], references: [id])
friend Pet @relation("receivedRequests", fields: [friendId], references: [id])
accepted Boolean @default(false)
createdAt DateTime @default(now())
// 3. Safety: A pet can't friend the same pet twice
@@unique([petId, friendId])
}
model Post {
id Int @id @default(autoincrement())
content String
petId Int @map("pet_id")
pet Pet @relation(fields: [petId], references: [id])
}

95
prisma/seed.ts Normal file
View File

@@ -0,0 +1,95 @@
import { prisma } from '../lib/prisma';
async function main() {
console.log("Begin seeding...");
const userBob = await prisma.pet.create({
data: {
name: "bob",
species: "dog",
userId: "1001",
}
});
const userSam = await prisma.pet.create({
data: {
name: "Sam",
species: "cat",
userId: "1002",
}
});
const userJess = await prisma.pet.create({
data: {
name: "Jess",
species: "dog",
userId: "1003",
}
});
const userSid = await prisma.pet.create({
data: {
name: "sid",
species: "sloth",
userId: "1004",
}
});
const friendShipOne = await prisma.friendship.create({
data: {
petId: userJess.id,
friendId: userSid.id,
accepted: true
}
});
const friendShipTwo = await prisma.friendship.create({
data: {
petId: userJess.id,
friendId: userSam.id,
accepted: true
}
});
const friendShipThree = await prisma.friendship.create({
data: {
petId: userBob.id,
friendId: userSam.id,
accepted: true
}
});
const postOne = await prisma.post.createMany({
data: [{
content: "Hello, I'm bob and this is my first post!",
petId: userBob.id,
},
{
content: "Woof, it's a lovely day to go for a walk!",
petId: userBob.id,
},
{
content: "Hi Everyone, My name is sid, and i'm a lazy sloth",
petId: userSid.id,
},
{
content: "I think we should all dig holes and live underground, screw the sun",
petId: userSam.id,
},
{
content: "That's it, i'm taking a holiday to China! I know they dogs but i'm sure they'll like me",
petId: userSid.id,
}]
})
}
main()
.then(async () => {
await prisma.$disconnect();
})
.catch(async (e) => {
console.error(e);
await prisma.$disconnect();
process.exit(1);
});

1
public/file.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 391 B

1
public/globe.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
public/next.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

1
public/vercel.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 128 B

1
public/window.svg Normal file
View File

@@ -0,0 +1 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 385 B

34
tsconfig.json Normal file
View File

@@ -0,0 +1,34 @@
{
"compilerOptions": {
"target": "ES2023",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "react-jsx",
"incremental": true,
"plugins": [
{
"name": "next"
}
],
"paths": {
"@/*": ["./*"]
}
},
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
".next/types/**/*.ts",
".next/dev/types/**/*.ts",
"**/*.mts"
],
"exclude": ["node_modules"]
}