Render, Remix, and Strapi: Let's Build a Productivity Tips App

• strapiconf2022-workshop-strapi

  2 9 0.0 JavaScript

  Strapi CMS code for Render's StrapiConf 2022 Workshop: Build a Productivity Tips App with Remix, Render, and Strapi

  

We'll start with an example repository that contains only a few changes from the default Strapi project scaffolding. Following the instructions in the Set up Strapi section of the example repository's README, run Strapi locally to get comfortable with Strapi and understand the minor code changes below.

• strapiconf2022-workshop-remix

  2 6 0.0 JavaScript

  Remix code for Render's StrapiConf 2022 Workshop: Build a Productivity Tips App with Remix, Render, and Strapi

  

To skip to step-5, fork the example repository, git clone it, switch to the step-5 branch with git checkout step-5, and then install the necessary dependencies with npm install. Now we can connect the Remix app to Strapi's REST API. To do that,

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-instantsearch

  9 1,962 9.0 TypeScript

  Discontinued ⚡️ Lightning-fast search for React and React Native applications, by Algolia.

  

Add a search bar so your coworkers can search for tips about a specific topic or tool. Algolia’s React InstantSearch library might be useful for this.

• Strapi

  458 59,840 10.0 TypeScript

  🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  

Strapi is "the leading open-source headless CMS. It's 100% JavaScript, fully customizable, and developer-first." Think of it as an admin GUI to manage your content. That content could be blog posts or product images or videos. And Strapi automatically generates both REST and GraphQL APIs for the content. Render has been an especially popular place to deploy Strapi because it provides one of the quickest paths to get Strapi running in a production environment.

• pico

  65 12,325 9.3 CSS

  Minimal CSS Framework for semantic HTML

  

Replace Pico.css with a different minimal CSS theme, or even add your own styling to match your company or team’s brand colors.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project