RedwoodJS

// web/src/pages/PostsPage/PostsPage.tsx
import { useQuery } from '@redwoodjs/web';
import { Link, routes } from '@redwoodjs/router';

const POSTS_QUERY = gql`
  query PostsQuery {
    posts {
      id
      title
      createdAt
    }
  }
`;

export default function PostsPage() {
  const { data, loading } = useQuery(POSTS_QUERY);

  if (loading) return <div>جاري التحميل...</div>;

  return (
    <div>
      <h1>المقالات</h1>
      <ul>
        {data.posts.map(post => (
          <li key={post.id}>
            <Link to={routes.post({ id: post.id })}>
              {post.title}
            </Link>
          </li>
        ))}
      </ul>
    </div>
  );
}

// api/src/graphql/posts.sdl.ts
export const schema = gql`
  type Post {
    id: Int!
    title: String!
    body: String!
    createdAt: DateTime!
  }

  type Query {
    posts: [Post!]!
    post(id: Int!): Post
  }

  input CreatePostInput {
    title: String!
    body: String!
  }

  type Mutation {
    createPost(input: CreatePostInput!): Post!
  }
`;

// api/src/services/posts.ts
import { db } from 'src/lib/db';

export const posts = () => db.post.findMany();

export const post = ({ id }: { id: number }) => 
  db.post.findUnique({ where: { id } });

export const createPost = ({ input }: { input: CreatePostInput }) =>
  db.post.create({ data: input });