# Sample Code

## A prototype in 2 minutes <a href="#a-prototype-in-2-minutes" id="a-prototype-in-2-minutes"></a>

Using this simple, client-side example, you can literally try out Beefree SDK in 2 minutes…

1. Obtain your application keys (**Client ID** and **Client Secret**) [by signing up here](https://devportal.beefree.io/hc/en-ussignup) (there is a free plan).
2. Create a new application: you will find your keys in the project’s details page
3. [Download](https://github.com/BeefreeSDK/beefree-sdk-sample-client) the client-side sample code.
4. Open `index.html` with your favorite code editor
5. Locate `client_id` and replace **“YOUR\_CLIENT\_ID”** with yours
6. Locate `client_secret` and replace **“YOUR\_CLIENT\_SECRET”** with yours
7. Save the file
8. Open it in your browser and get creative ![(smile)](https://mailup.atlassian.net/wiki/s/en_GB/6105/7d738a52bdb6676b96419199dc18454c6082dfc5.26/_/images/icons/emoticons/smile.png)

## Embedding the builder <a href="#embedding-the-builder" id="embedding-the-builder"></a>

Before using the code samples listed below in a production environment, please consider the following:

1. Make sure you first [sign up](https://devportal.beefree.io/hc/en-ussignup) and get your application keys (**Client ID** and **Client Secret**).
2. The client-side sample is not safe for a production environment (it was conceived as a quick way for you to test the application). Someone would be able to easily steal your application credentials (just viewing the source code of the page). To keep those credentials safe, authorization must be managed sever-side, as the .NET sample does.
3. These code samples use a limited set of features and configurations: they can be a good starting point to start developing around Beefree SDK, but they are not an exhaustive showcase of everything you can do.
4. All sample code is provided “as is”: it may contain defects, it may not follow best practices (although we try to!), and it should only be considered as point of reference.

## GitHub Repositories <a href="#embedding-the-builder" id="embedding-the-builder"></a>

| Name and Link                                                                                               | Description                                                                                                                      | Stack                  |
| ----------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ---------------------- |
| [SDK Sample: Full-stack NextJS App](https://github.com/BeefreeSDK/beefree-sdk-sample-nextjs)                | Demonstrates integrating the Beefree SDK into a full-stack NextJS application with database integration and user authentication. | NextJS, Python, SQLite |
| [Beefree SDK: Official NPM Package](https://github.com/BeefreeSDK/beefree-sdk-npm-official)                 | The official NPM package for Beefree SDK, complete with installation instructions and configuration tips.                        | Typescript             |
| [SDK Webinar: Saved and Synced Rows](https://github.com/BeefreeSDK/beefree-sdk-demos)                       | Code from our latest webinars showcasing how to use Saved and Synced Rows feature within the Beefree SDK.                        | ReactJS                |
| [Beefree SDK: Email and Landing Page Templates](https://github.com/BeefreeSDK/beefree-sdk-assets-templates) | A collection of free email, landing page, and popup templates designed for easy integration with the Beefree SDK.                | JSON                   |
| [SDK Sample: Simple Client HTML App](https://github.com/BeefreeSDK/beefree-sdk-sample-client)               | A simple HTML app demonstrating the basic implementation of the Beefree SDK for client-side applications.                        | HTML, JavaScript       |