Malik Piara malikpiara

NextJS Background Task Example

An example of how to add a background task (e.g. a queue consumer) to an existing NextJS project.

Setup

Add your background task file
Add a new worker-tsconfig.json, specifically specifying "module": "commonjs" and targeting only the worker source files.
Add convenience functions for building & running to package.json

Then to build once:

Disable HTML Form Input Autocomplete and Autofill

Add autocomplete="off" onto <form> element;
Add hidden <input> with autocomplete="false" as a first children element of the form.

<form autocomplete="off" method="post" action="">
    <input autocomplete="false" name="hidden" type="text" style="display:none;">
    ...

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

	// eslint-disable-next-line no-restricted-imports
	import {fire} from 'delegated-events'
	// eslint-disable-next-line no-restricted-imports
	import {observe} from '@github/selector-observer'

	// Entire document is drop target.
	observe('.js-document-dropzone', {
	constructor: HTMLElement,
	add(el) {
	document.body.addEventListener('dragstart', onDragstart)

	#!/usr/bin/env bash
	set -euo pipefail

	COOKIE="user=verdverm&..."
	USERNAME="verdverm"
	BASEURL="https://news.ycombinator.com/upvoted"

	PAGE=0

	mkdir -p html

	<!doctype html>
	<html ⚡4email>
	<head>
	<meta charset="utf-8">
	<script async src="https://cdn.ampproject.org/v0.js"></script>
	<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
	<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

	<style amp4email-boilerplate>body{visibility:hidden}</style>
	<style amp-custom>


	def Input():
	var = '/'+'Input <>'+'/'+';\n'
	return var

	def Output():
	var = '/'+'Output <>'+'/'+';\n'
	return var

	# -- coding: utf-8 --
	import os
	import uuid

	from flask import Flask, render_template, redirect, url_for, request
	from flask_uploads import UploadSet, configure_uploads, IMAGES, patch_request_class
	from flask_wtf import FlaskForm
	from flask_wtf.file import FileField, FileRequired, FileAllowed
	from wtforms import SubmitField

	import wtforms as wtf

	class MyForm(wtf.Form):
	sel = wtf.SelectField('Select',choices=[(1,'One'),(2,'Two')],
	default=1)

	class MyDisabledForm(wtf.Form):
	sel1 = wtf.SelectField('Select',choices=[(1,'One'),(2,'Two')],
	default=1,render_kw={'disabled':'disabled'})
	sel2 = wtf.SelectField('Select',choices=[(1,'One'),(2,'Two')],