CJ w3cj

Next.js Starters

A list of CLI generators, starter kits / boilerplates and toolkits to kick start your Next.js apps.

What is included in this list:
- Has ~1K+ Github stars
- Actively maintained / up to date
- Includes a style / css solution or UI Framework
- Includes a database
Includes authentication / authorization

If these notes are out of date, please let me know in the twitch chat, and I will update them!

Working on lots of random channel related things today:

Calendar
View the schedule on twitch: cdg.sh/schedule | View the calendar on google: cdg.sh/calendar | Download the calendar ics: cdg.sh/ics

The example URLs here use the Coding Trains channel ID: UCvjgXvBlbQiydffZU7m1_aw (replace this with your channel id)
All of the API requests require a YouTube Data API key (no oauth required, just an API key)

	// Run this command to generate base config and vs code settings:
	// pnpm dlx @antfu/eslint-config@latest

	import antfu from "@antfu/eslint-config";

	export default antfu({
	type: "app",
	typescript: true,
	formatters: true,
	stylistic: {

	version: '3.7'
	services:
	db:
	image: mongo:4
	restart: always
	volumes:
	- ./docker-data/db:/data/db
	environment:
	MONGO_INITDB_ROOT_USERNAME: ${MONGO_ROOT_USER}
	MONGO_INITDB_ROOT_PASSWORD: ${MONGO_ROOT_PASSWORD}

	// resources: https://del.dog/v/edypeginge.js
	// https://www.hackerfactor.com/blog/?/archives/432-Looks-Like-It.html
	// https://sharp.pixelplumbing.com/api-output#raw
	// https://github.com/AndrewLaneX/photohash/blob/master/photohash/photohash.py#L22-L32

	const fs = require('fs');
	const sharp = require('sharp');

	async function averageHash(filePath, hashSize = 8) {
	const buffer = await fs.promises.readFile(filePath);

	alexcvzz.vscode-sqlite
	andys8.jest-snippets
	apollographql.vscode-apollo
	austincummings.razor-plus
	bobsparadox.seti-black
	BriteSnow.vscode-toggle-quotes
	christian-kohler.npm-intellisense
	christian-kohler.path-intellisense
	CoenraadS.bracket-pair-colorizer
	dbaeumer.vscode-eslint

	const tmi = require('tmi.js');

	module.exports = async function (context, myTimer) {
	var timeStamp = new Date().toISOString();

	if (myTimer.IsPastDue)
	{
	context.log('Timer running late...');
	}
	context.log('Timer triggered:', timeStamp);