{"repo":"ozcancelik/nextjs-mail-form","free":true,"listed":false,"github":"https://github.com/ozcancelik/nextjs-mail-form","clone":"git clone https://github.com/ozcancelik/nextjs-mail-form.git","description":"Next.js contact form with nodemailer, React Hook Form, Zod, Tailwind CSS, reCAPTCHA, Handlebars with TypeScript","language":"TypeScript","stars":18,"topics":["handlebars","nextjs","nodemailer","react-hook-form","recaptcha","zod","axios","tailwindcss","react-icons","smtp"],"license":null,"category":"auth-billing-email","readme_excerpt":"Next.js contact form with nodemailer, React Hook Form, Zod, Tailwind CSS, reCAPTCHA, Handlebars with TypeScript This is a template for a contact form with Next.js. It uses a custom server to send the email and validate the form. It also uses reCAPTCHA to prevent spam. Handlebars is used to create the email template. For app router with server actions visit https://github.com/ozcancelik/nextjs-14-mail-form repository. Demo https://nextjs-mail-form-ozcancelik.vercel.app/ Features - [x] Next.js - [x] Custom server: You can run with different port. It's useful for same server with other apps. - [x] Nodemailer - [x] React Hook Form - [x] Zod - [x] reCAPTCHA with react-google-recaptcha It uses the invisible reCAPTCHA v2. More info about reCAPTCHA: https://developers.google.com/recaptcha/docs/display - [x] Email templating with Handlebars. https://github.com/yads/nodemailer-express-handlebars - [x] TypeScript - [x] CSS with Tailwind CSS - [x] Icons with React Icons How to use Prerequisites - Clone the repository and install the dependencies. - Create a .env file or change the name of .env.example to .env and fill the variables. Install dependencies Run the development server: Build the app Run the production server: Notes - You can change the server port in .env file. If empty, it will use the default port 3000. - If you have problems with Nodemailer, you can try to change the port or other settings. You can find more info in the Nodemailer documentation. More info: https://nodemail","default_branch":null,"files":null,"tree":[],"storefront":"/r/ozcancelik","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ozcancelik/nextjs-mail-form/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}