Main2

.env

@@ -0,0 +1,26 @@
+# Created by Vercel CLI
+NX_DAEMON=""
+POSTGRES_DATABASE="verceldb"
+POSTGRES_HOST="ep-empty-mountain-a2fmoxsa-pooler.eu-central-1.aws.neon.tech"
+POSTGRES_PASSWORD="ZaPBur8MYdp4"
+POSTGRES_PRISMA_URL="postgres://default:ZaPBur8MYdp4@ep-empty-mountain-a2fmoxsa-pooler.eu-central-1.aws.neon.tech/verceldb?pgbouncer=true&connect_timeout=15&sslmode=require"
+POSTGRES_URL="postgres://default:ZaPBur8MYdp4@ep-empty-mountain-a2fmoxsa-pooler.eu-central-1.aws.neon.tech/verceldb?sslmode=require"
+POSTGRES_URL_NON_POOLING="postgres://default:ZaPBur8MYdp4@ep-empty-mountain-a2fmoxsa.eu-central-1.aws.neon.tech/verceldb?sslmode=require"
+POSTGRES_URL_NO_SSL="postgres://default:ZaPBur8MYdp4@ep-empty-mountain-a2fmoxsa-pooler.eu-central-1.aws.neon.tech/verceldb"
+POSTGRES_USER="default"
+TURBO_REMOTE_ONLY=""
+TURBO_RUN_SUMMARY=""
+VERCEL="1"
+VERCEL_ENV="development"
+VERCEL_GIT_COMMIT_AUTHOR_LOGIN=""
+VERCEL_GIT_COMMIT_AUTHOR_NAME=""
+VERCEL_GIT_COMMIT_MESSAGE=""
+VERCEL_GIT_COMMIT_REF=""
+VERCEL_GIT_COMMIT_SHA=""
+VERCEL_GIT_PREVIOUS_SHA=""
+VERCEL_GIT_PROVIDER=""
+VERCEL_GIT_PULL_REQUEST_ID=""
+VERCEL_GIT_REPO_ID=""
+VERCEL_GIT_REPO_OWNER=""
+VERCEL_GIT_REPO_SLUG=""
+VERCEL_URL=""

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -0,0 +1,39 @@
+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).
+
+## 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/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## 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.
+# blog-users-newui
+# blog-users-newui
+# blog-users-newui

README.mdgit

@@ -0,0 +1,3 @@
+# blog-users-newui initgit add README.mdgit commit -m first commitgit branch -M maingit remote add origin https://github.com/Avrahamyb/blog-users-newui.gitgit push -u origin main
+# blog-users-newui initgit add README.mdgit commit -m first commitgit branch -M maingit remote add origin https://github.com/Avrahamyb/blog-users-newui.gitgit push -u origin main
+# blog-users-newui initgit add README.mdgit commit -m first commitgit branch -M maingit remote add origin https://github.com/Avrahamyb/blog-users-newui.gitgit push -u origin main

app/components/Posts.tsx

@@ -0,0 +1,59 @@
+import { Button } from "@/components/ui/button";
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+} from "@/components/ui/card" 
+
+
+import { Post } from "@prisma/client";
+import { PrismaClient } from "@prisma/client";
+import Link from "next/link";
+
+const prisma = new PrismaClient();
+
+export default async function Posts() {
+
+    const posts = await prisma.post.findMany({})
+
+
+    async function getAuthorName(id: string) {
+        const author = await prisma.user.findUnique({
+            where: {
+                id: id || 'cjioeuvo8'
+            }
+        })
+        return author?.name
+    }
+
+    return (
+        <div>
+            {
+                posts.map((post: Post) => (
+                    <div key={post.id} className="py-5">
+                        <Card className="">
+                            <CardHeader>
+                                <CardTitle>{post.title}</CardTitle>
+                                <CardDescription>
+                                    {/* {((post.published == true) ? "Publié" : "Non Publié") + ", by " + (async () => {return await getAuthorName(post.authorId as string)})} */}
+                                </CardDescription>
+                            </CardHeader>
+                            <CardContent className="px-10">
+                                <p>{post.content?.slice(0, 100).concat(" ...")}</p>
+                            </CardContent>
+                            <CardFooter>
+                                <Button>
+                                    <Link href={"home/post/" + post.id as string}>Read More</Link>
+                                </Button>
+                            </CardFooter>
+                        </Card>
+
+                    </div>
+                ))
+            }
+        </div>
+    );
+}

app/components/Users.tsx

@@ -0,0 +1,53 @@
+import { Button } from "@/components/ui/button";
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+} from "@/components/ui/card"
+
+
+import { User } from "@prisma/client";
+import { PrismaClient } from "@prisma/client";
+import Link from "next/link";
+
+const prisma = new PrismaClient();
+
+export default async function Posts() {
+
+    const users = await prisma.user.findMany({})
+
+
+
+
+    return (
+        <div>
+            {
+                users.map((user: User) => (
+                    <div key={user.id} className="py-5">
+                        <Card className="">
+                            <CardHeader>
+                                <CardTitle>{user.name}</CardTitle>
+
+
+                                <CardDescription>
+                                    {user.email}
+                                </CardDescription>
+
+
+                            </CardHeader>
+                            <CardContent className="px-10">
+                                <p>{"Created at " + user.createdAt.toDateString()}</p>
+                                <p>{"Last time updated at " + user.updatedAt.toDateString()}</p>
+                            </CardContent>
+
+                        </Card>
+
+                    </div>
+                ))
+            }
+        </div>
+    );
+}

app/globals.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

app/home/layout.tsx

@@ -0,0 +1,133 @@
+import Image from "next/image"
+
+import {
+    File,
+    Home,
+    LineChart,
+    ListFilter,
+    MoreHorizontal,
+    Package,
+    Package2,
+    PanelLeft,
+    PlusCircle,
+    Search,
+    Settings,
+    ShoppingCart,
+    Users2,
+} from "lucide-react"
+
+import { Badge } from "@/components/ui/badge"
+import {
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList,
+    BreadcrumbPage,
+    BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb"
+import { Button } from "@/components/ui/button"
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+} from "@/components/ui/card"
+import {
+    DropdownMenu,
+    DropdownMenuCheckboxItem,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuLabel,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { Input } from "@/components/ui/input"
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
+import {
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
+} from "@/components/ui/table"
+import {
+    Tabs,
+    TabsContent,
+    TabsList,
+    TabsTrigger,
+} from "@/components/ui/tabs"
+import {
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger,
+} from "@/components/ui/tooltip"
+import Posts from '../components/Posts'
+
+
+import Link from "next/link"
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+
+    return (
+        <div className="flex min-h-screen w-full flex-col bg-muted/40">
+
+            <aside className="fixed inset-y-0 left-0 z-10 hidden w-14 flex-col border-r bg-background sm:flex">
+                <nav className="flex flex-col items-center gap-4 px-2 sm:py-5">
+
+
+
+
+
+                    <TooltipProvider>
+
+
+                        <Tooltip>
+                            <TooltipTrigger asChild>
+                                <Link
+                                    href="/home"
+                                    className="group flex h-9 w-9 shrink-0 items-center justify-center gap-2 rounded-full bg-primary text-lg font-semibold text-primary-foreground md:h-8 md:w-8 md:text-base"
+                                >
+                                    <Home className="h-4 w-4 transition-all group-hover:scale-110" />
+                                    <p className="sr-only">Acme Inc</p>
+                                </Link>
+                            </TooltipTrigger>
+                            <TooltipContent side="right">Home</TooltipContent>
+                        </Tooltip>
+
+
+
+                    </TooltipProvider>
+
+
+
+
+
+
+
+
+                </nav>
+
+            </aside>
+
+            <div className="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">
+
+
+
+
+
+                <div className="p-10">
+
+
+
+                    {children}
+                </div>
+
+            </div>
+        </div>
+    )
+
+}