Sample Apps

Spring Boot is an open-source framework that allows Java developers to create production-grade Spring applications.

This step-by-step guide details how to create a Java sample app via Spring Boot. This app, powered by Contentstack’s GraphQL API, fetches content stored in Contentstack and displays it on your application.

Gatsby is a blazing fast static site generator. This example web page is built using the 'gatsby-source-contentstack' plugin and Contentstack. It uses Contentstack to store and deliver the content of the website.

Next.js is a minimalistic framework for server-rendered React applications.

This guide will help you create a starter website built on top of Next.js with minimal steps. It uses Contentstack’s Node.js SDK to store and deliver the website content from Contentstack.

Server Side Rendering (SSR) generates website pages at runtime on the server. With SSR, users are served the latest content on their websites.

Static Site Generation (SSG) generates website pages at build time. The content on web pages generated using SSG can be accessed quickly. Next.js is a framework that attempts to statically generate any pages that it can by detecting how an app is fetching its data.

Incremental Static Regeneration (ISR) allows developers and content editors to use static-generation on a per-page basis instead of rebuilding the entire website. Using ISR, Next.js allows you to create and update static pages after you have built a website. ISR can help you generate product pages faster or with a higher cache hit rate.

This guide will help you create a starter website built on top of Next.js SSG with minimal steps. It uses Contentstack’s Node.js SDK to store and deliver the website content from Contentstack. You can also learn how to set up ISR for a Contentstack-powered site.

React.js is a JavaScript library for dynamic websites with rich user interfaces.

This guide will help you create a starter marketing website built using the React.js framework with minimal steps. It uses Contentstack’s Node.js SDK to store and deliver the website content from Contentstack.

Let’s look at the steps to create this starter website using React.js and Contentstack.

This example marketing website is built using ReactJS framework and Contentstack’s. It uses Contentstack to store and deliver the content of the website.

Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps.

This guide will help you create a starter website built with minimal steps. It uses Contentstack Javascript SDK to store and deliver the website content.

This example marketing website is built using Express and Contentstack’s JavaScript Delivery SDK. It uses Contentstack to store and deliver the content of the website.

This demo Android TV app is built using Contentstack’s Android SDK. It uses Contentstack to store and deliver the content of the TV app.

Vue.js is a progressive framework for building user interfaces

This guide will help you create a starter website using Vue.js and Contentstack. It uses Contentstack’s Node.js SDK to store and deliver the website content from Contentstack.

Nuxt.js is a Vue.js framework used to build modern web applications.

This guide will help you create a starter website built on top of Nuxt.js with minimal steps. It uses Contentstack to store and deliver the website content.

Nuxt.js is a Vue.js framework used to build modern web applications. This example website is built on top of Nuxt.js and uses Contentstack’s Node.js SDK. It uses Contentstack to store and deliver the content of the website.

This example ecommerce website is built using Snipcart’s ecommerce solution and Contentstack. It uses Contentstack to store and deliver the content of the website.

StencilJS is an amazing tool that helps to build a reusable and scalable design system. It allows developers to generate web components that are fast and run on every browser.

This guide will help you create a starter website built on top of StencilJS with minimal steps. It uses Contentstack’s Node.js SDK to store and deliver the website content from Contentstack.

Let’s look at the steps to create this starter website using StencilJS and Contentstack

Sveltekit is a component framework that uses Vite and Svelte plugin to build high-performance web apps. Unlike traditional frameworks, Svelte runs at build time, which means it converts your components into imperative code that automatically updates the DOM. This, in turn, enables developers to build high-end applications with rich features. 

This guide will help you create a starter website built on top of Sveltekit with minimal steps. It uses Contentstack’s Node.js SDK to store and deliver the website content from Contentstack.

Let’s look at the steps to create this starter website using Sveltekit and Contentstack.

Metalsmith is a pluggable static site generator. This example website is built using the contentstack-metalsmith plugin and Contentstack. It uses Contentstack to store and deliver the content of the website.

This demo iOS news app is built using Contentstack’s iOS SDK. It uses Contentstack to store and deliver the content of the news app.

This demo iOS Augmented Reality (AR) app is built using Contentstack’s iOS SDK. It uses Contentstack to store and deliver application content.

This demo Android news app is built using this Contentstack’s Android SDK. It uses Contentstack to store and deliver the content of the news app.

This demo React Native news app is built using Contentstack’s React Native SDK. It uses Contentstack to store and deliver the content of the news app.

This example ecommerce website is built using Ruby on Rails and Contentstack. It uses Contentstack to store and deliver the content of the website.

This example application is built using Symfony and PHP. It uses Contentstack to store and deliver the content of the website.

This example is created using Contentstack’s .NET SDK. It uses Contentstack's .NET SDK to create a Liquid template website.

This example e-commerce website is built using the data fetched through Contentstack DataSync.

This demo e-commerce app is built using Contentstack and commercetools. It uses Contentstack to store the content and images of your product and commercetools to get the product price and product ID.

TypeScript is designed for development of large applications and it converts the source code to JavaScript. React is a Javascript library for building better user interfaces.

This sample website is developed using TypeScript and React, and uses Contentstack’s JavaScript Delivery SDK. It uses Contentstack to store and deliver the content of the website.

Flutter is an open-source, UI software development framework (based on Dart language) created by Google. It enables developers to create high-performance apps, with a single codebase for different platforms such as iOS, Android, Windows, Linux, Google Fuchsia, and the Web.

In this tutorial, we will walk you through the steps involved in creating a news application using Contentstack and Flutter. The app is built using Flutter, and it uses Contentstack to store and deliver the content of the news app.

This demo Python news app is built using this Contentstack’s Python SDK. It uses Contentstack to store and deliver the content of the news app.

This demo Android E-commerce app is built using Contentstack’s Android SDK in Kotlin. It uses Contentstack to store and deliver the content of the e-commerce app.

This demo Flutter E-commerce app is built using Contentstack's Dart SDK. It uses Contentstack to store and deliver the content of the e-commerce app.

This demo E-commerce app is built using Contentstack's Swift SDK. It uses Contentstack to store and deliver content of the e-commerce app.

Ruby on Rails is an open-source web application framework built using the Ruby programming language. By using Rails, developers can build simple to complex apps and websites.

In this tutorial, we will walk you through the steps involved in creating a product catalog website using Contentstack GraphQL APIs, GraphQL Clients, and Ruby on Rails. The app is built using Rails and uses Contentstack to store and deliver the content of the website.