How to build a productivity tips application with Render, Remix, and Strapi

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • You can get the final project in the Strapi repo and the Remix repo.

  • strapiconf2022-workshop-remix

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

  • You can get the final project in the Strapi repo and the Remix repo.

  • SurveyJS

    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.

    SurveyJS logo
  • strapiconf2022-workshop-strapi

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

  • services: - type: web name: productivity-tips-api env: node plan: free # Update the following line with your Strapi GitHub repo repo: https://github.com/render-examples/strapiconf2022-workshop-strapi branch: main buildCommand: yarn install && yarn build startCommand: yarn start healthCheckPath: /_health envVars: - key: NODE_VERSION value: ~16.13.0 - key: NODE_ENV value: production - key: CLOUDINARY_NAME sync: false - key: CLOUDINARY_KEY sync: false - key: CLOUDINARY_SECRET sync: false - key: DATABASE_URL fromDatabase: name: strapi property: connectionString - key: JWT_SECRET generateValue: true - key: ADMIN_JWT_SECRET generateValue: true - key: API_TOKEN_SALT generateValue: true - key: APP_KEYS generateValue: true - type: web name: productivity-tips-web env: node plan: free # Update the following line with your Remix GitHub repo repo: https://github.com/render-examples/strapiconf2022-workshop-remix branch: step-5 buildCommand: npm install && npm run build startCommand: npm start envVars: - key: STRAPI_URL_BASE fromService: type: web name: productivity-tips-api envVarKey: RENDER_EXTERNAL_URL databases: - name: strapi plan: free # This database will expire 90 days after creation

  • strapiconf2022-workshop-remix

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

  • services: - type: web name: productivity-tips-api env: node plan: free # Update the following line with your Strapi GitHub repo repo: https://github.com/render-examples/strapiconf2022-workshop-strapi branch: main buildCommand: yarn install && yarn build startCommand: yarn start healthCheckPath: /_health envVars: - key: NODE_VERSION value: ~16.13.0 - key: NODE_ENV value: production - key: CLOUDINARY_NAME sync: false - key: CLOUDINARY_KEY sync: false - key: CLOUDINARY_SECRET sync: false - key: DATABASE_URL fromDatabase: name: strapi property: connectionString - key: JWT_SECRET generateValue: true - key: ADMIN_JWT_SECRET generateValue: true - key: API_TOKEN_SALT generateValue: true - key: APP_KEYS generateValue: true - type: web name: productivity-tips-web env: node plan: free # Update the following line with your Remix GitHub repo repo: https://github.com/render-examples/strapiconf2022-workshop-remix branch: step-5 buildCommand: npm install && npm run build startCommand: npm start envVars: - key: STRAPI_URL_BASE fromService: type: web name: productivity-tips-api envVarKey: RENDER_EXTERNAL_URL databases: - name: strapi plan: free # This database will expire 90 days after creation

  • Change the value of the repos in the /render.yaml file to URL of your remote strapi and remix repo ( In your case it might be https://github.com/your-username/strapiconf2022-workshop-strapi and https://github.com/your-username/strapiconf2022-workshop-remix ).

  • Change the value of the repos in the /render.yaml file to URL of your remote strapi and remix repo ( In your case it might be https://github.com/your-username/strapiconf2022-workshop-strapi and https://github.com/your-username/strapiconf2022-workshop-remix ).

  • Strapi

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

  • import { Link } from "remix"; export default function Index() { return (

    Over time everyone develops a Swiss army knife of tips, tricks, and hacks to boost productivity. At Render, I created a #productivity-tips Slack channel for anyone to share their best productivity boosters with everyone on the team. Using Strapi and Remix, we made a little web app to catalog all of these tips and share them with others. πŸ€“

    πŸ‘‰ Productivity Tips ); }

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • sidekiq

    Sidekiq worker on Render (by render-examples)

  • Render is a cloud service that allows you to deploy and run your websites, apps, and much more. With render you can set up and deploy your entire project with a single configuration file. This configuration file acts as a blueprint for setting up your project.

  • node

    Node.js JavaScript runtime βœ¨πŸ’πŸš€βœ¨

  • NodeJS

  • Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

  • services: - type: web name: productivity-tips-api env: node plan: free # Update the following line with your Strapi GitHub repo repo: https://github.com/render-examples/strapiconf2022-workshop-strapi branch: main buildCommand: yarn install && yarn build startCommand: yarn start healthCheckPath: /_health envVars: - key: NODE_VERSION value: ~16.13.0 - key: NODE_ENV value: production - key: CLOUDINARY_NAME sync: false - key: CLOUDINARY_KEY sync: false - key: CLOUDINARY_SECRET sync: false - key: DATABASE_URL fromDatabase: name: strapi property: connectionString - key: JWT_SECRET generateValue: true - key: ADMIN_JWT_SECRET generateValue: true - key: API_TOKEN_SALT generateValue: true - key: APP_KEYS generateValue: true - type: web name: productivity-tips-web env: node plan: free # Update the following line with your Remix GitHub repo repo: https://github.com/render-examples/strapiconf2022-workshop-remix branch: step-5 buildCommand: npm install && npm run build startCommand: npm start envVars: - key: STRAPI_URL_BASE fromService: type: web name: productivity-tips-api envVarKey: RENDER_EXTERNAL_URL databases: - name: strapi plan: free # This database will expire 90 days after creation

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts