export const Wrapper = ({ children }) => {
  return <div className="p-24">{children}</div>;
};

<Wrapper>

# Documentation

Welcome to the official Documenso documentation! This documentation is designed to help you get started with Documenso.

For users, we'll guide you through setting up your Documenso account, creating and organizing your documents, collaborating with team members, and leveraging our advanced features. You'll learn how to get the most out of Documenso.

If you're a developer, you'll find detailed information on how to set up your local development environment, work with our API, and utilize webhooks for seamless integration. We'll provide code examples, best practices, and troubleshooting tips to help you effectively incorporate Documenso's features into your applications.

We aim to make our documentation clear, concise, and easy to navigate. If you have any questions, feedback, or suggestions for improving our documentation, please don't hesitate to reach out to us. We want to make your experience with Documenso as smooth and enjoyable as possible.

Let's get started!

## About Documenso

Signing documents digitally should be fast and easy and should be the best practice for every document signed worldwide.

This is technically quite easy today, but it also introduces a new party to every signature: The signing tool providers. While this is not a problem in itself, it should make us think about how we want these providers of trust to work.

Documenso aims to be the world's most trusted document-signing tool. This trust is built by empowering you to self-host Documenso and review how it works under the hood.

Join us in creating the next generation of open trust infrastructure.

## Our tech stack:

- [Typescript](https://www.typescriptlang.org/) - Language
- [Next.js](https://nextjs.org/) - Framework
- [Prisma](https://www.prisma.io/) - ORM
- [Tailwind](https://tailwindcss.com/) - CSS
- [shadcn/ui](https://ui.shadcn.com/) - Component Library
- [NextAuth.js](https://next-auth.js.org/) - Authentication
- [react-email](https://react.email/) - Email Templates
- [tRPC](https://trpc.io/) - API
- [@documenso/pdf-sign](https://www.npmjs.com/package/@documenso/pdf-sign) - PDF Signatures
- [React-PDF](https://github.com/wojtekmaj/react-pdf) - Viewing PDFs
- [PDF-Lib](https://github.com/Hopding/pdf-lib) - PDF manipulation
- [Stripe](https://stripe.com/) - Payments
- [Vercel](https://vercel.com) - Hosting

<div className="mt-16 flex items-center justify-center gap-4">
  <a href="https://documen.so/discord">
    <img
      src="https://img.shields.io/badge/Discord-documen.so/discord-%235865F2"
      alt="Join Documenso on Discord"
    />
  </a>
  <a href="https://github.com/documenso/documenso/stargazers">
    <img src="https://img.shields.io/github/stars/documenso/documenso" alt="Github Stars" />
  </a>
  <a href="https://github.com/documenso/documenso/blob/main/LICENSE">
    <img src="https://img.shields.io/badge/license-AGPLv3-purple" alt="License" />
  </a>
  <a href="https://github.com/documenso/documenso/pulse">
    <img
      src="https://img.shields.io/github/commit-activity/m/documenso/documenso"
      alt="Commits-per-month"
    />
  </a>
  <a href="https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/documenso/documenso">
    <img
      alt="open in devcontainer"
      src="https://img.shields.io/static/v1?label=Dev%20Containers&message=Enabled&color=blue&logo=visualstudiocode"
    />
  </a>
  <a href="https://github.com/documenso/documenso/blob/main/CODE_OF_CONDUCT.md">
    <img
      src="https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg"
      alt="Contributor Covenant"
    />
  </a>
</div>

</Wrapper>
