<p>Thanks to those who attended the live Twitch stream of <a href="https://twitter.com/jlengstorf" rel="noopener noreferrer" target="_blank">Jason Lengstorf</a> and <a href="https://cosmicjs.com/tony" rel="noopener noreferrer" target="_blank">Tony Spiro</a> building a Cosmic-powered Gatsby application. In the stream, Tony and Jason pair program a basic Gatsby application from scratch. In case you missed it, the video and resources are available below.&nbsp;</p><p><br></p><h3>The Main Points Discussed Are:</h3><p>✅ Creating a Cosmic website<br>✅ Adding content<br>✅ Displaying content on a Gatsby website<br>✅ Building dynamic header and footers</p><p><br></p><h3>Video: Build a Cosmic-powered blog using Gatsby</h3><p><span class="fr-video fr-fvc fr-dvb fr-draggable" contenteditable="false" draggable="true"><iframe src="https://www.youtube.com/embed/mGcAWs1xRnY?wmode=opaque" frameborder="0" allowfullscreen="" style="width: 100%; height: 360px;"></iframe></span><br></p><h3>Resources to build apps with Cosmic and Gatsby:</h3><p><a href="https://github.com/cosmicjs/gatsby-source-cosmicjs" rel="noopener noreferrer" target="_blank">Cosmic Gatsby Source Plugin</a><br><a href="https://github.com/cosmicjs/gatsby-starter" rel="noopener noreferrer" target="_blank">Cosmic Gatsby Starter</a><br><a href="https://github.com/cosmicjs/gatsby-localization-starter" rel="noopener noreferrer" target="_blank">Gatsby Localization Starter</a><br><a href="https://cosmicjs.com/articles/webinar-video-localization-with-gatsby-and-cosmic-js-jnyqtjoa" rel="noopener noreferrer" target="_blank">Webinar Video: Localization with Cosmic and Gatsby</a></p><h3><br></h3><h3>Conclusion</h3><p>If you have any comments or questions about building apps with Cosmic, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Video: Build a Cosmic-powered blog using Gatsby

<p>Thanks to everyone in Dallas who came out to the Vuetiful Holiday Meetup at <a href="https://simplemedia.co" rel="noopener noreferrer" target="_blank">Simple Media</a>, featuring <a href="https://vuetifyjs.com/en/" rel="noopener noreferrer" target="_blank">Vuetify</a>, <a href="https://www.netlify.com" rel="noopener noreferrer" target="_blank">Netlify</a> and Cosmic. We enjoyed holiday eats and drinks as well as great presentations from Cosmic partner-agency Simple Media, Cosmic co-founder <a href="https://cosmicjs.com/tony" rel="noopener noreferrer" target="_blank">Tony Spiro</a> and Vuetify Founder <a href="https://twitter.com/zeroskillz" rel="noopener noreferrer" target="_blank">John Leider</a>.&nbsp;</p><p>Getting the <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">Cosmic Community</a> together is always great, especially during the holidays. If you&#39;re in our community but missed the discussion, we&#39;ve included links to the presentation decks from Cosmic and Vuetify below.&nbsp;</p><p><br></p><h3>Vuetiful Meetup Recap: Presentation Links</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1647ac40-ffcb-11e8-b3a6-4de7ce04af18-971f5800-e9e0-11e8-b12e-ebba23490524-Artboard.jpg" style="width: 100%;" class="fr-fic fr-dib"></p><h4><br></h4><h4 style="text-align: center;"><strong>Tony Spiro, Cosmic:</strong></h4><h4 style="text-align: center;"><a href="https://docs.google.com/presentation/d/e/2PACX-1vRCcDALmkbjRezRoUk07dOoQvL9HP8Gr4-L9gdHW3HmodJjqEGUZUJuVMpU7CuPeMQJBLIApHlW5EWj/pub?start=false&loop=false&delayms=3000&slide=id.g40731b0bfe_0_0" rel="noopener noreferrer" target="_blank">&quot;A Vuetiful Holiday Meetup&quot;</a></h4><h4 style="text-align: center;"><br></h4><h4 style="text-align: center;"><strong>John Leider, Vuetify:</strong></h4><h4 style="text-align: center;"><a href="https://slides.com/johnjleider/vuetify-2-1#/" rel="noopener noreferrer" target="_blank">&quot;The Path to Vuetify 2.0&quot;</a></h4><p><br></p><p><br></p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/79e65390-ff04-11e8-81fd-39eafbe9421d-IMG_6205.jpeg-copy.jpg" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><p>Special thanks to <a href="https://www.svb.com" rel="noopener noreferrer" target="_blank">Silicon Valley Bank</a> for providing food and beverage for this event, as well as to Simple Media for hosting us at their Design District offices in Dallas.&nbsp;</p><h3>Conclusion</h3><p>If you have any comments or questions about building apps with Cosmic, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Vuetiful Meetup Recap: featuring Vuetify, Netlify and Cosmic

<p>In this tutorial, Cosmic co-founder <a href="https://cosmicjs.com/tony" rel="noopener noreferrer" target="_blank">Tony Spiro</a> takes you on a tour of <a href="https://cosmicjs.com/docs/webhooks" rel="noopener noreferrer" target="_blank">Cosmic Webhooks</a>. Learn how webhooks work, see how to easily create integrations with Slack, auto-deploy websites to Netlify, and get an intro to Cosmic Functions. Thanks to everyone who attended our live Webhooks Webinar this week, but if you missed it, check out the video and be sure to attend our next one. 🚀</p><p><br></p><h3>Webinar Recap: The Power of Webhook Automation&nbsp;</h3><p><span class="fr-video fr-fvc fr-dvb fr-draggable" contenteditable="false" draggable="true"><iframe width="640" height="360" src="https://www.youtube.com/embed/0ikB09e2GHA?wmode=opaque" frameborder="0" allowfullscreen=""></iframe></span><br></p><p><a href="https://cosmicjs.com/tony" rel="noopener noreferrer" target="_blank">Tony Spiro</a> introduces workflows users can create with Cosmic <a href="https://cosmicjs.com/docs/webhooks" rel="noopener noreferrer" target="_blank">Webhooks</a>, <a href="https://cosmicjs.com/integrations" rel="noopener noreferrer" target="_blank">Integrations</a> and <a href="https://cosmicjs.com/docs/functions" rel="noopener noreferrer" target="_blank">Functions</a>. Whether it&#39;s integrating with Slack to notify your team of content edits, auto-deploying websites to Netlify that are automatically rebuilt upon content edits or starting to experiment with Functions, Cosmic provides integrations that helps teams of developers and marketers build apps faster, together.&nbsp;</p><p><br></p><h3>Conclusion</h3><p>If you have any comments or questions about building apps with Cosmic, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Webinar Recap: The Power of Webhook Automation

<p><a href="https://zapier.com/" rel="noopener noreferrer" target="_blank">Zapier</a> gives people internet superpowers by allowing them to connect and automate the apps they use. Using Zapier to connect your Cosmic-powered content with third-party apps is easy and requires zero coding. I&rsquo;m going to demonstrate how to get started integrating your Cosmic-powered content with your favorite third-party applications using Zapier. Let&#39;s get started.</p><p><br></p><p><a href="https://zapier.com/app/login?next=/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank"><strong>Click here to connect Cosmic to Your Favorite Apps using Zapier &raquo;</strong></a></p><h3><br></h3><h3>Select a Trigger App</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/d83d7230-c0fb-11e8-860e-21bfa9e630af-ice_screenshot_20180925-144716.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger Account</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1c896ca0-c0fc-11e8-96ea-b52342e17887-ice_screenshot_20180925-144840.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/7a0ce060-c295-11e8-b3a9-355c4a096f37-ice_screenshot_20180927-153919.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select an Action App</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/df27e6d0-c334-11e8-aeb8-498e7e54d178-1*VLH7Jp94IK1cHa_JDydIvw.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><p>Once your Cosmic Bucket is connected you can simply select the Action App, workflow and account information. You can pull through Sample Data from Cosmic or any other Trigger app to test communicating with your favorite API services.&nbsp;</p><p>&nbsp;</p><p><strong><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1724ad10-c336-11e8-9b91-ff4008d8d868-6f323ca0-9bfb-11e8-b537-ef194154deda-1*TRRW9Wp_ZqD8MJ5gS_7c5w.gif" style="width: 100%;" class="fr-fic fr-dib"></strong></p><p><br></p><p><strong>Notes</strong>: Using the Zapier integration, you can set up workflows that originate in a third-party app and write to Cosmic, rather than the workflow originally starting in Cosmic (<a href="https://cosmicjs.com/articles/integrating-typeform-data-into-cosmic-js-jmjmkoyz" rel="noopener noreferrer" target="_blank">see an example</a>). While Cosmic triggers support Zapier&rsquo;s instant feature, several other integrations still use polling methods, which means Zapier will delay the firing of these events depending on your plan. For free Zapier accounts, this delay is typically 15 minutes. For free accounts, Zapier limits the amount of Items in a Zap to only 2, with a maximum of 5 Zaps registered to an account. To implement a filter within your Zap you will need to upgrade from a free account to a paid one. To learn more about Zapier Filters and extending your Zaps, <a href="https://zapier.com/help/filter/" rel="noopener noreferrer" target="_blank">click here</a>.&nbsp;</p><p><br></p><h3>Conclusion&nbsp;</h3><p>The moment you connect your Cosmic account to Zapier, you can more easily integrate your content into the web application of your choice. Automate workflows with Google Sheets, Google Calendar, Hubspot, <a href="https://www.typeform.com" rel="noopener noreferrer" target="_blank">Typeform</a>, Salesforce and your other favorite apps in a few simple clicks. To view more Integrations, <a href="https://cosmicjs.com/integrations" rel="noopener noreferrer" target="_blank">click here</a>.&nbsp;</p><p>If you have any comments or questions about Cosmic Integrations, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Integrating Cosmic-powered Content with Your Favorite Apps using Zapier

<p><a href="https://www.hubspot.com" rel="noopener noreferrer" target="_blank">Hubspot</a> is an inbound marketing and sales platform that helps companies attract visitors, convert leads, and close customers. <a href="https://zapier.com/" rel="noopener noreferrer" target="_blank">Zapier</a> gives people internet superpowers by allowing them to connect and automate the apps they use. Using Zapier to connect your Cosmic-powered content with Hubspot is easy and requires zero coding. In this article I&rsquo;m going demonstrate how to add new form submissions to Hubspot when you Publish Objects in your Cosmic Bucket.&nbsp;</p><p><a href="https://zapier.com/app/login?next=/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank"><strong>Click here to connect Cosmic to Hubspot using Zapier &raquo;</strong></a></p><p><br></p><h3>Select a Trigger App: Cosmic</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/d83d7230-c0fb-11e8-860e-21bfa9e630af-ice_screenshot_20180925-144716.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger Account</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1c896ca0-c0fc-11e8-96ea-b52342e17887-ice_screenshot_20180925-144840.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/7a0ce060-c295-11e8-b3a9-355c4a096f37-ice_screenshot_20180927-153919.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select an Action App: Hubspot</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/b2124a70-c29c-11e8-b3a9-355c4a096f37-ice_screenshot_20180927-163111.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Hubspot Action</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/b40c70f0-c295-11e8-aeb8-498e7e54d178-ice_screenshot_20180927-145427.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Hubspot Account</h3><h3><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/c3e41320-c295-11e8-b3a9-355c4a096f37-ice_screenshot_20180927-145554.png" style="width: 100%;" class="fr-fic fr-dib"></h3><h3><br></h3><p><br></p><h3>Testing</h3><p>I set up a test to pull through New Published Objects in my Bucket to add a form in my Hubspot Dashboard: for this example the published Objects are populating a new form submission with an email address and photo attachment.&nbsp;</p><p><br></p><h3>Zapier Test</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/29d99720-c29d-11e8-aeb8-498e7e54d178-ice_screenshot_20180927-163432.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Hubspot Test</h3><p><strong>Hubspot Dashboard View</strong></p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/419a37c0-c29d-11e8-801e-a73ac6baaa87-ice_screenshot_20180927-152937.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><strong>Hubspot Email Notification</strong>&nbsp;</p><p><br></p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/a5ad2b00-c2a2-11e8-aeb8-498e7e54d178-ice_screenshot_20180927-163608.png" style="width: 678px;" class="fr-fic fr-dib"></p><p>Your zap is now ready to be turned on and enjoyed! Now every time I publish a new Object in my Bucket, a new form submission will be submitted in Hubspot, ready for even faster team collaboration.&nbsp;</p><h3><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/98e8fca0-c29d-11e8-aeb8-498e7e54d178-ice_screenshot_20180927-163742.png" style="width: 100%;" class="fr-fic fr-dib"></h3><h3><br></h3><h3>Conclusion&nbsp;</h3><p>It&#39;s easy to automate workflows with your favorite apps using the <a href="https://zapier.com/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank">Cosmic Zapier Integration</a>. By starting your content in an API, you&#39;re ensuring ultimate portability and scalability of your content, workflows and processes.&nbsp;</p><p>If you have any comments or questions about integrating your Cosmic Objects into workflows with other apps using Zapier, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Integrating Cosmic-powered Content with Hubspot

<p><a href="https://www.typeform.com" rel="noopener noreferrer" target="_blank">Typeform</a> is an online software-as-a-service that lets you build conversational forms, surveys, quizzes, landing pages, and more. <a href="https://zapier.com/" rel="noopener noreferrer" target="_blank">Zapier</a> gives people internet superpowers by allowing them to connect and automate the apps they use. Using Zapier to connect your Typeform-generated content with Cosmic is easy and requires zero coding. In this article I&rsquo;m going to demonstrate how to publish new Objects containing survey responses in Cosmic as they are completed in Typeform.&nbsp;</p><p><a href="https://zapier.com/app/login?next=/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank"><strong>Click here to connect Typeform to Cosmic using Zapier &raquo;</strong></a></p><p><br></p><h3>Select a Trigger App: Typeform</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/8bdaaa20-c1cd-11e8-bd04-2969145afc83-ice_screenshot_20180926-153423.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger Account</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/94efcc80-c1cd-11e8-bdb5-070d97b5609f-ice_screenshot_20180926-153507.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>Select Your Trigger Form</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/a0041a40-c1cd-11e8-bdb5-070d97b5609f-ice_screenshot_20180926-153542.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><p>I went ahead and pulled through an entry from a recent Typeform to test my Zap.&nbsp;</p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/b1b13fc0-c1cd-11e8-b7aa-658167b35a7e-ice_screenshot_20180926-153622.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>Select an Action App: Cosmic</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/bd2783a0-c1cd-11e8-bd04-2969145afc83-ice_screenshot_20180926-153653.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>Select Your Cosmic Account&nbsp;</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/14119340-c1ce-11e8-bdb5-070d97b5609f-ice_screenshot_20180926-153736.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><p>At this point I simply clarify the Object Type I&#39;m sending my Typeform responses to and how I want my content model laid out. I select that I want to pull through first name / last name + the registration response, as pictured below.&nbsp;</p><p><br></p><h3>Zapier Test View</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/454a2170-c1ce-11e8-ab77-f52a5c4218fd-ice_screenshot_20180926-155326.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>Cosmic Object View</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/ed01ba50-c1cd-11e8-9d2c-1158197de06b-ice_screenshot_20180926-154553.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>See it in Action</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1816b910-c1d4-11e8-bd04-2969145afc83-ezgif-4-bed0303cc4.gif" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3><br></h3><h3>Conclusion&nbsp;</h3><p>I encourage you to start automating workflows with your favorite apps using the <a href="https://zapier.com/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank">Cosmic Zapier Integration</a>. It&#39;s
our goal to help your team build apps faster using your favorite tools.&nbsp;</p><p>If you have any comments or questions about integrating your Cosmic Objects into workflows with other apps using Zapier, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Integrating Typeform Data into Cosmic

<p><a href="https://www.salesforce.com/" rel="noopener noreferrer" target="_blank">Salesforce</a> is the world&rsquo;s leading enterprise CRM application. <a href="https://zapier.com/" rel="noopener noreferrer" target="_blank">Zapier</a> gives people internet superpowers by allowing them to connect and automate the apps they use. Using Zapier to connect your Cosmic-powered content with Salesforce is easy and requires zero coding. In this article I&rsquo;m going demonstrate how to add new leads to Salesforce when you add Objects in your Cosmic Bucket.&nbsp;</p><p><a href="https://zapier.com/app/login?next=/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank"><strong>Click here to connect Cosmic to Salesforce using Zapier &raquo;</strong></a></p><p><br></p><h3>Choose a Trigger App: Cosmic</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/d83d7230-c0fb-11e8-860e-21bfa9e630af-ice_screenshot_20180925-144716.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger Account</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1c896ca0-c0fc-11e8-96ea-b52342e17887-ice_screenshot_20180925-144840.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Select Your Trigger</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/05d26940-c0fb-11e8-96ea-b52342e17887-ice_screenshot_20180925-143708.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Choose an Action App: Salesforce</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1495dc50-c0fb-11e8-8360-cbe52c55c6c2-ice_screenshot_20180925-143637.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Choose Salesforce Action</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/465ca0c0-c0fb-11e8-8360-cbe52c55c6c2-ice_screenshot_20180925-143619.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Connect Your Salesforce Account<img src="https://s3-us-west-2.amazonaws.com/cosmicjs/612b92d0-c0fb-11e8-8360-cbe52c55c6c2-ice_screenshot_20180925-143557.png" style="width: 100%;" class="fr-fic fr-dib"></h3><h3><br></h3><h3>Login to Salesforce</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/8b227430-c0fd-11e8-bc2f-db7ac46c5aec-ice_screenshot_20180925-145207.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>Select Your Salesforce Account</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/a0ef3410-c0fd-11e8-8360-cbe52c55c6c2-ice_screenshot_20180925-145439.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>Testing</h3><p>I set up a test to pull through New Published Objects in Cosmic to add a Lead (by Last Name) in Salesforce: for this example the Last Name is &quot;Google Analytics View ID&quot; to test the zap.&nbsp;</p><h3>Zapier Test</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/aa7b3420-c0fd-11e8-8360-cbe52c55c6c2-ice_screenshot_20180925-145840.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><br></h3><h3>Salesforce Test</h3><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/b4736380-c0fd-11e8-890b-4331599d2cfe-ice_screenshot_20180925-145901.png" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><p>Your zap is now ready to be turned on and enjoyed! Now every time I publish a new lead in the system, a new Lead will be created in Salesforce, ready for my team to devour.&nbsp;</p><h3><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/ba975c90-c101-11e8-bc2f-db7ac46c5aec-ice_screenshot_20180925-152900.png" style="width: 100%;" class="fr-fic fr-dib"></h3><h3><br></h3><h3>Conclusion&nbsp;</h3><p>It&#39;s easy to automate workflows with your favorite apps using the <a href="https://zapier.com/platform/public-invite/5784/d94417b158f78245932516dc472dbfbe/" rel="noopener noreferrer" target="_blank">Cosmic Zapier Integration</a>. By starting your content in an API, you&#39;re ensuring ultimate portability and scalability of your content, workflows and processes.&nbsp;</p><p>If you have any comments or questions about integrating your Cosmic Objects into workflows with other apps using Zapier, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Integrating Cosmic-powered Content with Salesforce

<p>We&#39;ve all seen it: You&#39;re on the last column of a time-consuming spreadsheet, the last thought in a blog article or putting the last touch on a new press release. You either hit the wrong key and all of your hard work evaporates into thin air or a co-editor is simultaneously editing and overwrites your content changes. You frantically scramble to &quot;Edit Undo&quot; and finally resort to refreshing the page to see if your changes have been saved. Alas, another workflow stretched longer by tools that don&#39;t keep up with you and your team in real-time.&nbsp;</p><h4><br></h4><h3>What is Revision History?</h3><p>Revision History: Or, as I like to call it, the global &quot;CYA&quot; (cover your ass) for all marketers everywhere 😀 Revision history becomes especially important in a cross-functional team environment. When developers and editors are collaborating in a Bucket to manage content, data and files, it helps to have a system that is memorizing every version of your content, in the event that you want to revert back, save drafted content to a published object, retrieve a revision history API endpoint or simply view prior changes.&nbsp;</p><p>With revision history, you no longer have to worry about editing mistakes. You now have the power to go back in time and revert to to prior versions. You can even have multiple editors working on the same piece of content at once and rest assured that you will never write over each other. Hey, even if you did, you have Revision History! (Refer to viewing prior versions below) <span class="fr-emoticon fr-deletable">😉</span>&nbsp;</p><p><br></p><h3>How to Add Revision History to Your Bucket</h3><p>To add Cosmic Revision History to your Bucket, simply navigate to your Bucket &gt; Bucket Settings &gt; Billing:</p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/7ec8c980-c01e-11e8-b9f3-29af768e6e25-ice_screenshot_20180924-122219.png" style="width: 651px;" class="fr-fic fr-dib"></p><p><br></p><h3>How To View Prior Versions</h3><p>Navigate to the Object whose revision history you&#39;re querying and click on &quot;Revision History&quot;. You can click any of the linked timestamps to access that version of content, revert back to it, or simply make changes to the published content in draft state.&nbsp;</p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/50029280-c02c-11e8-b9f3-29af768e6e25-ice_screenshot_20180924-140139.png" style="width: 530px;" class="fr-fic fr-dib"></p><p>Once you click into a timestamped version, you&#39;ll have the ability to modify content and preview your content just as you would in the live version. Notice the banner at the top alerting you that this is a prior version:</p><p><br></p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/396e1c30-c034-11e8-b9f3-29af768e6e25-ice_screenshot_20180924-145725.png" style="width: 677px;" class="fr-fic fr-dib"></p><h3><br></h3><h3>How to Access Your Revision API Endpoint</h3><p>Navigate to the Object whose revision history endpoint you&#39;re querying and click on &quot;Revision Endpoint&quot;. Your API endpoint opens in a new tab. Note: only developers and admins have access to the Revision Endpoint. You can toggle to the Editor view to see how only Revision History is an option for that particular role type.</p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/1e8f9df0-c02d-11e8-b9f3-29af768e6e25-ezgif-4-717f7ac3eb.gif" style="width: 608px;" class="fr-fic fr-dib"></p><p><br></p><h3>When is Revision History Used?</h3><p>There are many examples, but here&#39;s a few we&#39;ve seen since releasing the feature:</p><ul><li>Colleague edits and publishes existing piece of content that needs to be reverted back to original version</li><li>Team needs multiple versions of the content available via API endpoint for testing</li><li>Team needs access to change log to see who has been active in content management</li><li>Editor accidentally erases existing content</li></ul><p><br></p><p>Need more peace of mind when managing your team&#39;s content? Check out our next powerful feature for editors and developers alike: <a href="https://cosmicjs.com/articles/how-to-schedule-automatic-backups-in-cosmic-js-jgqjsa87?ref=search" rel="noopener noreferrer" target="_blank">Automatic Backups</a>.&nbsp;</p><p><br></p><h3>Conclusion</h3><p>I hope you have found this tutorial on Revision History helpful. If you have any other questions or comments about managing content in Cosmic, feel free to <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">Reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join our Slack community</a>.</p>

Cosmic Revision History

<p>Cosmic provides a best-in-class headless CMS designed for your modern digital projects. By providing an intuitive admin dashboard, powerful APIs and flexible user roles, Cosmic enables content creators and developers to work better together. Applications are built faster, more light-weight, and your whole team saves time in the process. You can get started out-of-the-box with pre-built websites and apps available for easy install. I&#39;ll highlight 5 popular website boilerplates built specifically for zippy API-first dynamic content management using the Cosmic headless CMS API.&nbsp;</p><p><br></p><h3>TL;DR:</h3><p><a href="https://cosmicjs.com/apps" rel="noopener noreferrer" target="_blank">Cosmic Apps Marketplace</a><br><a href="https://github.com/cosmicjs" rel="noopener noreferrer" target="_blank">Cosmic Open-Source</a><br><a href="https://cosmicjs.com/docs" rel="noopener noreferrer" target="_blank">Cosmic Documentation</a></p><p><br></p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/e2417130-bb44-11e8-ac9f-67e4f371d8e5-ezgif-4-fe526e7f0a.gif" style="width: 100%;" class="fr-fic fr-dib"></p><p><br></p><h3>5 Website Boilerplates Built for API-first Content Management</h3><p>All of the website templates presented in this blog satisfy some common website requirements including:</p><p>- dynamic pages<br>- blog articles<br>- author management<br>- SEO ability<br>- contact form<br>- global website search</p><p><br></p><p><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/30adba70-bb5b-11e8-b1b9-535ca6d890a2-DallasStandup.com-21.png" style="width: 100%;" class="fr-fic fr-dib"></p><h3><a href="https://github.com/cosmicjs/nextjs-website-boilerplate" rel="noopener noreferrer" target="_blank">Next.js Website Boilerplate</a></h3><p><a href="https://github.com/cosmicjs/nextjs-website-boilerplate" rel="noopener noreferrer" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/34c89f10-bb49-11e8-b1b9-535ca6d890a2-289eec20-47fa-11e8-9edf-034361a9eeb5-next.png" style="width: 300px;" class="fr-fic fr-dib"></a></p><p><a href="https://cosmicjs.com/apps/nextjs-website-boilerplate" rel="nofollow">Click here to view the demo</a><br><a href="https://cosmicjs.com/articles/nextjs-website-boilerplate-jeoea8au" rel="nofollow">Read how this app was built</a></p><p><br></p><p>Next.js is a minimalistic framework for server-rendered React applications. See more <a href="https://cosmicjs.com/apps?q=next.js" rel="noopener noreferrer" target="_blank">Next.js Apps</a> available for easy install.</p><h3><a href="https://github.com/cosmicjs/nuxtjs-website-boilerplate" rel="noopener noreferrer" target="_blank">Nuxt.js Website Boilerplate</a></h3><p><a href="https://github.com/cosmicjs/nuxtjs-website-boilerplate" rel="noopener noreferrer" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/30f3f060-bb49-11e8-b1b9-535ca6d890a2-8a9bd6e0-471e-11e8-9273-6f3edf3e559e-nuxt.png" style="width: 300px;" class="fr-fic fr-dib"></a></p><p><br></p><p><a href="https://cosmicjs.com/apps/nuxtjs-website-boilerplate" rel="nofollow">Click here to view the demo</a><br><a href="https://cosmicjs.com/articles/nuxtjs-website-boilerplate-jezdxaxb" rel="nofollow">Read how this app was built</a></p><p>Nuxt.js is a minimal framework for creating Vue.js applications with server side rendering, code-splitting, hot-reloading, static generation and more! See more <a href="https://cosmicjs.com/apps?languages=Nuxt.js" rel="noopener noreferrer" target="_blank">Nuxt.js Apps</a> available for easy install.</p><p><br></p><h3><a href="https://github.com/cosmicjs/react-website-boilerplate" rel="noopener noreferrer" target="_blank">React Website Boilerplate</a></h3><p><a href="https://github.com/cosmicjs/react-website-boilerplate" rel="noopener noreferrer" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/10c283b0-bb49-11e8-ac9f-67e4f371d8e5-a1e22810-27b0-11e7-b6ae-8108cf4caa96-react.svg" style="width: 300px;" class="fr-fic fr-dib"></a></p><p><a href="https://cosmicjs.com/apps/nextjs-website-boilerplate" rel="nofollow">Click here to view the demo</a><br><a href="https://cosmicjs.com/articles/nextjs-website-boilerplate-jeoea8au" rel="nofollow">Read how this app was built</a></p><p><br></p><p>React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. See more <a href="https://cosmicjs.com/apps?languages=React" rel="noopener noreferrer" target="_blank">React Apps</a> available for easy install.</p><p><br></p><h3><a href="https://github.com/cosmicjs/vue-website-boilerplate" rel="noopener noreferrer" target="_blank">Vue Website Boilerplate</a></h3><p><a href="https://github.com/cosmicjs/vue-website-boilerplate" rel="noopener noreferrer" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/268e3220-bb49-11e8-ac9f-67e4f371d8e5-858dda70-6288-11e7-ab3d-9ddd8313526f-96da6390-e18a-11e6-a19e-716cc90a0c51-Vue.js_Logo.svg" style="width: 300px;" class="fr-fic fr-dib"></a></p><p><a href="https://cosmicjs.com/apps/nuxtjs-website-boilerplate" rel="nofollow">Click here to view the demo</a><br><a href="https://cosmicjs.com/articles/nuxtjs-website-boilerplate-jezdxaxb" rel="nofollow">Read how this app was built</a></p><p><br></p><p>Vue is a <strong>progressive framework</strong> for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. See more <a href="https://cosmicjs.com/apps?languages=Vue.js" rel="noopener noreferrer" target="_blank">Vue.js Apps</a> available for easy install</p><p><br></p><h3><a href="https://github.com/cosmicjs/nodejs-website-boilerplate" rel="noopener noreferrer" target="_blank">Node.js Website Boilerplate</a>&nbsp;</h3><p><a href="https://github.com/cosmicjs/nodejs-website-boilerplate" rel="noopener noreferrer" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/cosmicjs/2b8826f0-bb49-11e8-b1b9-535ca6d890a2-759e85a0-27b0-11e7-b6ae-8108cf4caa96-nodejs.svg" style="width: 300px;" class="fr-fic fr-dib"></a></p><p><a href="https://cosmicjs.com/apps/medical-professional" rel="nofollow">Click here to view a demo website</a></p><p>Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code outside of a browser. See more <a href="https://cosmicjs.com/apps?languages=Node.js" rel="noopener noreferrer" target="_blank">Node.js Apps</a> available for easy install.</p><p data-empty="true"><br></p><h3>Conclusion</h3><p>When ditching the installed content management system and going API-first isn&#39;t quick enough, check out the <a href="https://cosmicjs.com/getting-started" rel="noopener noreferrer" target="_blank">Starter Apps</a> from Cosmic &nbsp;to get a project up and running in seconds. 🔥</p><p>If you have any comments or questions about building apps with Cosmic, <a href="https://twitter.com/cosmic_js" rel="noopener noreferrer" target="_blank">reach out to us on Twitter</a> and <a href="https://cosmicjs.com/community" rel="noopener noreferrer" target="_blank">join the conversation on Slack</a>.</p>

Blogs by Carson Gibbons

Start building today