cs-icon.svg

Sample Apps

Clear All

Build a Java Web Application Using GraphQL API and Spring Boot

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 Starter Website

Gatsby is a framework to build static websites. This Gatsby starter website guide will help you to build a website using Gatsby and power its content from Contentstack.
gatsby-logo
ts-logo-128

Gatsby Multilingual Website

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

Next.js Starter 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.
Nextjs-logonodejs
javascript-logo
ts-logo-128

Next.js SSG Starter Website

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.
Nextjs-logonodejs
javascript-logo
ts-logo-128

React.js Starter Website

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.
React.js_logo
ts-logo-128

Angular Starter 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.
angular
ts-logo-128

Angular E-commerce App

Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps. This e-Commerce app is built using Angular and Contentstack's Modular Block feature. Modular Blocks are reusable components and can be used with other modules to construct a complete webpage.
javascript-logoangular

Static Marketing Website

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.
nodejsjavascript-logo

Build an Android TV app using Contentstack’s Android SDK

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.
android-128

Vue.js Starter Website

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.
javascript-logovueJS_logo
ts-logo-128

Nuxt.js Starter Website

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-logo
ts-logo-128

Stencil.js Starter Website

Stencil.js 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 Stencil.js 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 Stencil.js and Contentstack
ts-logo-128stencil

ASP.NET Blazor Starter Website

Blazor is a feature of ASP.NET, a popular web development framework that extends the .NET developer platform with tools and libraries for building web apps. This guide will help you create a starter marketing website using Blazor with minimal steps. It uses Contentstack .NET SDK to store and deliver the website content from Contentstack.
dotnet_128

Sveltekit Starter Website

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.
ts-logo-128Sveltekit_logo1

iOS News App

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.
app-ios-png-4

Augmented Reality (AR) App

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

Android News App

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.
android-128

React Native 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.
React.js_logo
app-ios-png-4android-128

Ruby Ecommerce Product Catalog

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

PHP Blog Demo

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

Sample Liquid Template App using Contentstack .NET SDK

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

E-commerce Website Using Contentstack DataSync

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

commercetools E-commerce Website

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.
nodejscommercetools_logo

Flutter News App

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.
flutterLogo

Python 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.
python

Android E-commerce 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.
android-128

Flutter 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.
flutterLogo

E-commerce App using Contentstack's Swift SDK

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.
app-ios-png-4

Product Catalog App Using Ruby on Rails, GraphQL Client, and Contentstack GraphQL APIs

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.
Ruby

Web Application Using Contentstack Java SDK and Spring Boot

Spring Boot is an open-source framework that offers Java developers a platform to create auto configurable production-grade Spring applications. It saves development time by quickly preparing and configuring Spring applications.

Product Catalog App Using GraphQL Client and .Net

This example product catalog website is built using .NET, GraphQL Client, and Contentstack GraphQL APIs. It uses Contentstack to store and deliver the content of the website.
dotnet_128

Product Catalog Website Using ASP.Net Razor Pages and Contentstack .Net SDK

ASP.Net Razor Pages simplifies MVC programming by avoiding the need for a controller and encapsulating alternatives or models for the MVC approach. They are designed in a markup syntax for embedding server code. By using Razor Pages, developers can create simple web pages that do basic data input and are read-only.
dotnet_128

Astro Starter Website

Astro is an all-in-one web framework for building fast and content-focused websites. This guide helps you to create a starter marketing website built using the Astro framework with minimal steps. It uses Contentstack’s Node.js Delivery SDK to store and deliver the website content from Contentstack.
Astro-logonodejsjavascript-logots-logo-128

Nuxt3 Starter Website

Nuxt3 (NuxtJS version 3) is a Vue.js framework used to build modern web applications. This guide helps you to create a starter marketing website built using Nuxt3 with minimal steps. It uses Contentstack’s NodeJS Delivery SDK to store and deliver the website content from Contentstack.
nuxt-logovueJS_logonodejsjavascript-logots-logo-128

Contentstack GraphQL Starter with PHP and Laravel

The Laravel framework makes web development easier by adding tools and libraries to the PHP platform. This guide will help you create a starter marketing website using PHP and Laravel with minimal steps. It uses Contentstack’s GraphQL to store and deliver the website content from Contentstack. Let’s look at the steps to create this starter website using PHP, Laravel, and Contentstack.
php-logo

Contentstack GraphQL Starter with Ruby On Rails

The Ruby On Rails framework extends the ROR developer platform with tools and libraries for building web applications. This guide will help you create a starter marketing website using Ruby On Rails with minimal steps. It uses Contentstack GraphQL queries to store and deliver the website content from Contentstack. Let’s look at the steps to create this starter website using Ruby On Rails and Contentstack GraphQL.
Ruby

React.js Starter with GraphQL

React.js is a JavaScript library for dynamic websites with rich user interfaces. GraphQL is a powerful query language for your API, allowing you to request only the data you need. By incorporating GraphQL into your React.js project, you can enhance the efficiency of data retrieval and optimize the performance of your web application. This guide will help you create a starter marketing website built using the React.js with GraphQL using minimal steps. Let’s look at the steps to create this starter website using React.js with GraphQL and Contentstack.
React.js_logo
GraphQL-logots-logo-128

Next.js Starter with GraphQL

Next.js is a minimalistic framework for server-rendered React applications. GraphQL is a powerful query language for your API, allowing you to request only the data you need. By incorporating GraphQL into your Next.js project, you can enhance the efficiency of data retrieval and optimize the performance of your web application. This guide will help you create a starter website built on top of Next.js with GraphQL using 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.
Nextjs-logonodejs
javascript-logo
ts-logo-128GraphQL-logo