| mode | custom |
|---|---|
| title | Box Docs |
All the developer resources to help you get the most from Box products
<div className="flex flex-col lg:flex-row items-center gap-10 mt-16 mb-16">
<div className="w-full lg:w-1/2">
<img src="https://developer.box.com/static/aiDevZone-0c5adc8702e2d10e6f9bb400ae78a71a.png" className="w-full max-h-96 object-contain" />
</div>
<div className="w-full lg:w-1/2 text-left">
<span className="px-2 rounded-full bg-orange-500 text-white">FEATURED</span>
<h2 className="text-3xl text-gray-900 dark:text-white font-bold">
Box AI Developer Zone
</h2>
<p className="mt-4 text-md text-[#6d6e79] dark:text-[#a1a1a3] font-normal" style={{ maxWidth: '50rem' }}>
Use our interactive AI demos to try out prompts with AI responses, view sample code, documentation and more!
</p>
<div className="mt-6 flex gap-2 items-center">
<a href="https://developer.box.com/ai-dev-zone" className="inline-flex items-center rounded-md bg-[#0061D5] px-5 py-3 text-white hover:bg-[#0066b7] focus:outline-none">
Try it out!
</a>
</div>
</div>
</div>
<Card title="2. Understand Application Types" href="/guides/applications/app-types/select/" icon="grid"
When creating applications, you can choose from several types. Read this guide to see which one fits your needs best.
<Card title="3. Learn Authentication Methods" href="/guides/authentication/select/" icon="key"
Box Platform supports OAuth 2.0, JSON Web Token(JWT), Client Credentials, and App Token authentication. Learn more and select the method that applies to your app.
<Card title="4. Create the Application" href="https://app.box.com/developers/console" icon="plus"
Now, you can start building! Launch the Developer Console and create an application of your choice.
<Card title="5. Authorize the Application" href="/guides/authorization/" icon="shield-check"
Read about the authorization requirements you have to fulfill to start using your app.
<Card title="6. Start Coding" href="https://developer.box.com/#sdks-and-tools" icon="code"
Finally, explore our developer toolkit: API Reference, SDKs, Box CLI, Postman Collection, Box UI Elements and much more!
<div className="flex flex-col lg:flex-row items-center gap-10 mt-16 mb-20">
<div className="w-full lg:w-1/2">
<img src="https://developer.box.com/static/community-b99743349785abbd327f199ee91e0099.png" className="w-full max-h-96 object-contain" />
</div>
<div className="w-full lg:w-1/2 text-left">
<span className="px-2 rounded-full bg-purple-500 text-white">New</span>
<h2 className="text-3xl text-gray-900 dark:text-white font-inter font-bold">
Box Developer Community forum
</h2>
<p className="mt-4 text-md text-[#6d6e79] dark:text-[#a1a1a3] font-normal" style={{ maxWidth: '50rem' }}>
Connect with other learners and experts on our Box community forum. Ask and answer questions, share resources, and learn together.
</p>
<div className="mt-6 flex gap-2 items-center">
<a href="https://community.box.com" className="inline-flex items-center rounded-md bg-[#0061D5] px-5 py-3 text-white hover:bg-[#0066b7] focus:outline-none">
Join the Community
</a>
</div>
</div>
</div>
Development with Box Platform is easy with SDKs, Box CLI, Postman collection, front-end UI elements, and much more.
<div className="flex flex-col lg:flex-row items-center gap-10 mt-16 mb-16">
<div className="w-full lg:w-1/2">
<img src="https://developer.box.com/static/sampleCode-8b199ae30bbb8e391ad1ac821e212577.png" className="w-full max-h-96 object-contain" />
</div>
<div className="w-full lg:w-1/2 text-left">
<span className="px-2 rounded-full mb-2 bg-purple-500 text-white">FEATURED</span>
<h2 className="text-3xl text-gray-900 dark:text-white font-inter font-bold">
Kickstart your project
</h2>
<p className="mt-4 text-md text-[#6d6e79] dark:text-[#a1a1a3] font-normal" style={{ maxWidth: '50rem' }}>
Use Box Sample Code Catalog to find useful scripts, app examples, and inspiring use cases! Browse 80+ open-source repositories in various programming languages.
</p>
<div className="mt-6 flex gap-2 items-center">
<a href="https://developer.box.com/sample-code" className="inline-flex items-center rounded-md bg-[#0061D5] px-5 py-3 text-white hover:bg-[#0066b7] focus:outline-none">
Browse sample code
</a>
</div>
</div>
</div>
Want to learn more? Use these guides to discover supplementary information on the inner workings of Box Platform, broaden your understanding, and improve your platform applications.
<Card title="Uploads" href="/guides/uploads/" icon="upload"
Upload your files directly with the file upload API or use the chunked upload APIs for larger files.
<Card title="Errors" href="/guides/api-calls/permissions-and-errors/common-errors/" icon="ban"
Browse the common errors reference to learn more about HTTP status codes used to communicate issues with request processing.
<Card title="Metadata" href="/guides/metadata/" icon="tag"
Explore how metadata allows users and applications to define and store custom data associated with files and folders.
<Card title="Webhooks" href="/guides/webhooks/" icon="bell"
Use Webhooks to monitor Box content for events, and receive notifications to a URL of your choice when they occur.
<Card title="Search" href="/guides/search/" icon="terminal"
Find relevant content in Box using full-text search queries. Box search API is supported in all our SDKs and the CLI.
Check out our channel for tutorials, training, product news, and more.<Card title="Developer Newsletter" img="https://developer.box.com/static/newsletter-5b2bbd0f6b05b700e9c4e294939b254a.png" href="https://developer.box.com/newsletter" cta="Browse Newsletter">
Stay up to date with the top developer events, product releases, and community highlights.
<Card title="Box Developer Blog" img="https://developer.box.com/static/blog-ada038914ffeaaf41706870fc0f8d074.png" href="https://developer.box.com/newsletter" cta="Visit Box Developer Blog">
Read news, updates and tutorials on Box APIs, SDKs and gain useful developers' and admins' insights.
