Build and deploy a roadmap voting app for your porject

Overview

Roadmap Voting App

You can deploy Roadmap application yourself and get feedback from your users about your roadmap features. See the live example.

In this version, the user should sign up (via Auth0) to add a new feature and vote them up. Also you can configure yourself as admin, to set a feature request as released also delete any feature request.

If you prefer the one without authentication, see the old version.

Docs

Set up

First clone the repo. Copy the .env.local.example file to .env.local (which will be ignored by Git):

cp .env.local.example .env.local

Configuring Upstash

  1. Go to the Upstash Console and create a new database

Upstash environment

  • REDIS_URL: Find the URL in the database details page in Upstash Console clicking on Redis Connect button.

Configuring Auth0

  1. Go to the Auth0 dashboard and create a new application of type Single Page Web Applications
  2. Go to the settings page of the application
  3. Configure the following settings:
    • Allowed Callback URLs: Should be set to http://localhost:3000/ when testing locally or typically to https://myapp.com/ when deploying your application.
    • Allowed Logout URLs: Should be set to http://localhost:3000/ when testing locally or typically to https://myapp.com/ when deploying your application.
  4. Save the settings.

Auth0 environment

  • NEXT_PUBLIC_AUTH0_DOMAIN: Can be found in the Auth0 dashboard under settings.
  • NEXT_PUBLIC_AUTH0_CLIENT_ID: Can be found in the Auth0 dashboard under settings.
  • NEXT_PUBLIC_AUTH0_ADMIN_ID: This is the user_id of the admin user. First run your application and sign-in yourself. Then find your user_id in the Auth0 console, "User Management > Users" page.

Replace Your Logo

Copy your logo image to public folder. Then edit components/header/index.js.

Run Your Project

In the project folder, run: npm install next dev

Deploy Your Project

To deploy your project to Vercel, run vercel in the project folder.

Or you can push it to GitHub/GitLab/Bitbucket and import to Vercel.

Important: When you import your project on Vercel, make sure to click on Environment Variables and set them to match your .env.local file.

You might also like...

Type-safe and Promisified API for Web Worker and Iframe

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. typed-worker Install npm i typed-worker Usage Create

Dec 31, 2022

Premium Queue package for handling distributed jobs and messages in NodeJS.

Premium Queue package for handling distributed jobs and messages in NodeJS.

The fastest, most reliable, Redis-based queue for Node. Carefully written for rock solid stability and atomicity. Sponsors · Features · UIs · Install

Dec 31, 2022

Redis-backed task queue engine with advanced task control and eventual consistency

idoit Redis-backed task queue engine with advanced task control and eventual consistency. Task grouping, chaining, iterators for huge ranges. Postpone

Dec 15, 2022

A fast, robust and extensible distributed task/job queue for Node.js, powered by Redis.

Conveyor MQ A fast, robust and extensible distributed task/job queue for Node.js, powered by Redis. Introduction Conveyor MQ is a general purpose, dis

Dec 15, 2022

Example repo for getting NextJS, Rust via wasm-pack, and web workers all playing nicely together.

Example of integrating WASM & web workers with a Typescript NextJS project. Running yarn yarn dev Open localhost:3000 Layout Rust code is in ./rust, g

Dec 23, 2022

Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Apr 13, 2022

A simple package for single or batch image download and conversion using node streams.

image-batch-download A simple package for basic image downloading and processing. Supported formats: JPEG PNG WebP Installation With Yarn: yarn add im

Jan 2, 2022

A general-purpose message and event queuing library for MongoDB

MongoMQ2 MongoMQ2 is a light-weight Node.js library that turns MongoDB collections into general-purpose message queues or event logs, without addition

Dec 28, 2022

Server and Browser code are really the same. It's magic.

Server and Browser code are really the same. It's magic.

Service Worker Magic Server (Cloudflare Workers) code is sw.js. Browser ( Service Worker ) code is sw.js. Cloudflare Workers sw.js serves sw.js. Servi

Dec 9, 2022
Comments
  • Issue in List component

    Issue in List component

    I have faced an error after adding a feature request. data.filter doesn't work right, since the data array arrives empty.

    image

    I have followed every step in README.md file and filled .env.local file accordingly. However, I am having troubles while fetching the list data from api/list, as I understood.

    Also, I can see my list items in Upstash console, so there is no problem while pushing the data. image

    opened by onurataasar 0
Releases(v1.0.0)
Owner
Upstash
Serverless Database with Redis API
Upstash
Making service workers easy so that your app is fast and reliable, even offline.

tulo.js Making service workers easy to use so that your app can be fast and reliable, even offline. Welcome to tulo.js, a service worker library that

OSLabs Beta 37 Nov 16, 2022
generate statistics on the number of audience minutes your site is generating, and if readers make it to the end of your screeds

audience-minutes generate statistics on the number of audience minutes your site is receiving, and if readers make it to the end of your screeds. “If

bert hubert 35 Dec 28, 2022
Out of the box modern User Interface, so you can see and manage your Workhorse jobs in realtime

WORKHORSE UI Out of the box modern User Interface, so you can see and manage your Workhorse jobs in realtime. Start local Run npm i Copy and name prox

Workhorse 2 Apr 15, 2022
⚡️ Supercharge your ViewComponent development process 🚀

L ?? kbook ⚡️ Supercharge your ViewComponent development process ?? About Lookbook provides a ready-to-go UI for navigating, inspecting and interactin

Mark Perkins 466 Dec 26, 2022
Use Cloudflare Workers Cron Triggers to keep your Hetzner Cloud Firewall allowing the latest list of Cloudflare IPs, or any other lists!

Hetzner Cloud Firewall automation with Cloudflare Workers Heavily inspired by xopez/Hetzner-Cloud-Firewall-API-examples, this repository holds a Cloud

Erisa A 9 Dec 17, 2022
A Remix.run stack to monitor your BullMQ queues

Remix Matador stack A bold interface that helps you monitor your BullMQ queues. Learn more about Remix Stacks. $ npx create-remix@latest --template nu

Andrea 19 Dec 15, 2022
Adds clap button (like medium) to any page for your Next.js apps.

@upstash/claps Add a claps button (like medium) to any page for your Next.js apps. Nothing to maintain, it is completely serverless ?? Check out the d

Upstash 49 Nov 23, 2022
A bot that notifies you on Slack whenever your company/product is mentioned on Hacker News. Powered by Vercel Functions & Upstash.

Hacker News Slack Bot A bot that notifies you on Slack whenever your company/product is mentioned on Hacker News. or deploy your own Built With Vercel

Vercel Labs 162 Jan 3, 2023
Job queues and scheduled jobs for Node.js, Beanstalkd and/or Iron.io.

Ironium Job queues and scheduled jobs for Node.js backed by Beanstalk/IronMQ/SQS. The Why You've got a workload that runs outside the Web app's reques

Assaf Arkin 71 Dec 14, 2022
Bree is the best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support.

The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support. Works in Node v10+ and browsers, uses workers to spawn sandboxed processes, and supports async/await, retries, throttling, concurrency, and graceful shutdown. Simple, fast, and lightweight. Made for @ForwardEmail and @ladjs.

Bree - The Best Node.js and JavaScript Job Scheduler 2.5k Dec 30, 2022