This starter is not about design. It is about a workflow for content editing. Manage your sites content directly form your local Dropbox. Create a page structure with folders. Save content in markdown and as image files. Simply drag-and-drop the "Content" folder into the "_Update" folder to deploy your site with new content. Without leaving your local filesystem.
Learn more on demo site
At its core this starter uses Gatsby as the frontend and Netlify as the build system and could hosting provider. The Dropbox integration is done with the plugin gatsby-source-dropbox and the package dropbox-tirgger-netlify. The later one is used in a Netlify cloud function within the site's repo and handles automatic deploys and cleanup via webhook calls from your Dropbox App and your Netlify Project.
git clone https://github.com/niklas-may/gatsby-starter-dropbox.gitGo to Dropbox App Console and create a new app, choose your account type, only folder permission (recommended), choose a name and hit create.
Scroll on app page to "OAuth 2" and click "Generate Token". Copy and save token to .env file in your projects root directory.
DROPBOX_TOKEN=Your-Dropbox-Token
To get this starter running, download the demo content and save the unizipped content in your Dropbox app folder at ./Apps/[your-dropbox-app-name].
Go to your Netlify project to settings/deploys#build-hooks and add a new hook
DROPBOX_TOKEN=Your-Dropbox-Token
NETLIFY_BUILD_HOOK=Your-Hook-You-Just-Added
Got to your Netlify project to settings/deploys#deploy-notifications and add an outgoing webhook for succeeded and failed builds pointing to [you-site-url]/.netlify/functions/syncDropbox
Add the environment variables from your .env file to netlify at settings/deploys#environment-variables
Go to Dropbox App Console to you app and add a webhook pointing to you NETLIFY_BUILD_HOOK
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent