Jie Li lijie2000

BOLT.NEW MEGA PROMPT - One-Shot Application Generator

Based on 38,787 words of Bolt.new expert insights and best practices

SYSTEM CONTEXT

You are an expert full-stack developer with deep knowledge of Bolt.new, modern web frameworks, and rapid application development. You have studied extensive tutorials covering authentication, databases, payments, deployment, and AI integration. Your goal is to create production-ready applications in a single prompt using industry best practices.

CORE PRINCIPLES FROM BOLT.NEW EXPERTS

1. ENHANCED PROMPTING STRATEGY

Always use the "Enhanced Prompt" feature in Bolt.new before building

[Project Name]

Every time you choose to apply a rule(s), explicitly state the rule(s) in the output. You can abbreviate the rule description to a single word or phrase.

Project Context

[Brief description ]

[more description]
[more description]
[more description]

Configure prettier, eslint, husky (pre commit hook), lint-staged in react + typescript project

Steps to configure prettier, eslint, husky (pre commit hook), lint-staged in react + typescript project created using create-react-app. This is opinionated configuration with airbnb's style guide as the base style guide.

Step 1 :: Setup prettier

1.1) Install prettier as dev dependency.

npm install --save-dev --save-exact prettier

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

Tips & Tricks for Vim/NeoVim

Keyboard Shortcuts

Be aware the following shortcuts are only working, if you have the plugins installed mentioned below.

In Command Mode:

:w              Save file

:w filename Save file under new filename

	import { useSyncExternalStore } from "react";
	// For more on the useSyncExternalStore hook, see https://react.dev/reference/react/useSyncExternalStore

	// The code is almost identical to the source code of zustand, without types and some features stripped out.
	// Check the links to see the references in the source code.
	// The links are referencing the v5 of the library. If you plan on reading the source code yourself v5 is the best way to start.
	// The current v4 version contains lot of deprecated code and extra stuff that makes it hard to reason about if you're new to this.

	// https://github.com/pmndrs/zustand/blob/fe47d3e6c6671dbfb9856fda52cb5a3a855d97a6/src/vanilla.ts#L57-L94
	function createStore(createState) {

	package br.com.zup.edu.app2.xxx.samples.aws.sqs;

	import br.com.zup.edu.app2.xxx.samples.aws.sqs.model.Customer;
	import br.com.zup.edu.app2.xxx.samples.aws.sqs.model.CustomerRepository;
	import io.awspring.cloud.messaging.listener.SqsMessageDeletionPolicy;
	import io.awspring.cloud.messaging.listener.annotation.SqsListener;
	import org.slf4j.Logger;
	import org.slf4j.LoggerFactory;
	import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
	import org.springframework.messaging.handler.annotation.Header;

	node: Platform built on V8 to build network applications
	git: Distributed revision control system
	wget: Internet file retriever
	yarn: JavaScript package manager
	python3: Interpreted, interactive, object-oriented programming language
	coreutils: GNU File, Shell, and Text utilities
	pkg-config: Manage compile and link flags for libraries
	chromedriver: Tool for automated testing of webapps across many browsers
	awscli: Official Amazon AWS command-line interface
	automake: Tool for generating GNU Standards-compliant Makefiles

	fif() {
	rg \
	--column \
	--line-number \
	--no-column \
	--no-heading \
	--fixed-strings \
	--ignore-case \
	--hidden \
	--follow \

	This gets around the issue seen below when trying to run AWS CLI commands. Some networking devices that intercept the traffic can act like a main in the middle so can cause this issue

	$ aws s3 ls

	SSL validation failed for https://s3.eu-west-1.amazonaws.com/ [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: self signed certificate in certificate chain (_ssl.c:1076)


	There are a few ways to fix this, AWS docs say you can add the line for ca_bundle to the ~/.aws/config file but this didn't work for me as it was being overridden by a global environment variable.

	[default]