One place for hosting & domains

      JAMStack

      Fullstack Jamstack on DigitalOcean With App Platform


      Video

      About the Talk

      Jamstack is all the rage in development these days. And for good reason! Jamstack gives us the ability to speed up our development and to scale to incredible traffic quickly, easily, and cheaply.

      Jamstack falls short though in that a static site usually has to find a solution to bring in a backend server and database.

      Let’s talk about how a Fullstack Jamstack environment can be created on DigitalOcean. We’ll create a server, API, and a static frontend in this talk and host it all on DigitalOcean App Platform.

      What You’ll Learn

      • How to deploy a static site to DigitalOcean
      • How to deploy a database, server, and API
      • How to connect a backend API and a static frontend

      About the Presenter

      Chris Sevilleja (@Chris on Code) is the founder of web dev tutorial site, Scotch.io. He is also a Senior Developer Advocate at DigitalOcean. He’s on a mission to find the best way to build a full stack SaaS app quickly.





      Source link

      Putting the ‘A’ in JAMStack with Headless CMS


      Video

      The way we build web apps continues to change – with an increasing number of web apps using a static front end, powered by a dynamic backend. The moniker for this movement is JAMStack – for Javascript, APIs, and Markup.

      In this tech talk, Chris on Code, the founder of Scotch.io, will discuss JAMStack best practices, and some of the ways that you can set up your API layer by running a headless CMS on DigitalOcean Droplets. Chris will zoom into three of the most popular free, open source CMS platforms – WordPress, Ghost, and Strapi – and how to use them for your backend APIs.

      Resources

      In the Jamstack, the A symbolizes where we get our data from. Our data will come from APIs and this is very beneficial to us because we are allowed to separate our data from our frontend.

      Separating our frontend from our data allows us to focus on one at a time. We can use a Headless CMS that comes packaged with database connections, an admin dashboard, and more so that we can create an API quickly.

      Here’s a list of good Headless CMSs: headlesscms.org

      There are hosted Headless CMS solutions like:

      There are also solutions that we can host on DigitalOcean on our own servers so that we control all of the data and keep our pricing under control.

      DigitalOcean 1-Click Apps

      DigitalOcean makes it easy to self-host these Headless CMSs with a single click. You can find the 1-click apps on the DigitalOcean Marketplace:

      Once we have our Headless CMS in place, we can work on our frontends using a frontend technology like React, Gatsby, Next.js, Vue, Nuxt.js, Hugo, and many more.

      About the Presenter

      Chris on Code is the founder of Scotch.io, a popular JavaScript tutorial site. He is also the Web Community Manager at DigitalOcean. Chris has a strong focus on JAMstack since it is the fastest and most productive way we can create our sites and applications.





      Source link