History

leung018 66597be8a7 Add .yarn/install-state.gz to .gitignore (#56637 ) ### Reason for making this change https://yarnpkg.com/getting-started/qa#:~:text=yarn%2Finstall%2Dstate.,your%20workspaces%20all%20over%20again. In the official documentation of `yarn`, it is stated that `.yarn/install-state.gz` is an optimization file that developer shouldn't ever have to commit. However, currently, when running `create-next-app`, `.yarn/install-state.gz` is being commited. ### Remaining work I apologize for only modifying one template initially to initiate the discussion first. If this change is agreed upon, it should be synchronized with other `.gitignore` templates. Would it be possible to follow a similar approach as in https://github.com/vercel/next.js/pull/47241? I would appreciate any assistance in syncing this change.		2023-10-18 16:34:48 +00:00
..
lib	Convert `with-gsap`, `with-mqtt-js`, `with-mux-video` examples to Typescript (#43874 )	2022-12-12 01:53:08 +00:00
pages	Convert `with-gsap`, `with-mqtt-js`, `with-mux-video` examples to Typescript (#43874 )	2022-12-12 01:53:08 +00:00
.env.local.example	fix with-mqtt-js example. (#23636 )	2021-04-02 16:33:30 +00:00
.gitignore	Add .yarn/install-state.gz to .gitignore (#56637 )	2023-10-18 16:34:48 +00:00
environment.d.ts	Convert `with-gsap`, `with-mqtt-js`, `with-mux-video` examples to Typescript (#43874 )	2022-12-12 01:53:08 +00:00
next-env.d.ts	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
package.json	Convert `with-gsap`, `with-mqtt-js`, `with-mux-video` examples to Typescript (#43874 )	2022-12-12 01:53:08 +00:00
README.md	docs: fix several typos (#56788 )	2023-10-13 15:40:14 -04:00
tsconfig.json	Convert `with-gsap`, `with-mqtt-js`, `with-mux-video` examples to Typescript (#43874 )	2022-12-12 01:53:08 +00:00

README.md

MQTT Client example

This example shows how to use MQTT.js with Next.js.

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-mqtt-js with-mqtt-js-app

yarn create next-app --example with-mqtt-js with-mqtt-js-app

pnpm create next-app --example with-mqtt-js with-mqtt-js-app

To set up a connection URI with a mqtt client, copy the .env.local.example file in this directory to .env.local (which will be ignored by Git):

cp .env.local.example .env.local

Then set each variable on .env.local:

NEXT_MQTT_URI: The URI of the broker. For example wss://test.mosquitto.org:8081/mqtt
NEXT_MQTT_CLIENTID: An arbitrary string of max. 23 characters.
NEXT_MQTT_USERNAME: The username for the connection to the broker.
NEXT_MQTT_PASSWORD: The password for the connection to the broker.

Deploy it to the cloud with Vercel (Documentation).