https://github.com/kanugurajesh/next.js-contact-form

A Contact form to integrate in your Next.js applications
https://github.com/kanugurajesh/next.js-contact-form

contact-form email-design nextjs-contact-form-integration nextjs14 resend tailwindcss

Last synced: 3 months ago
JSON representation

A Contact form to integrate in your Next.js applications

• Host: GitHub
• URL: https://github.com/kanugurajesh/next.js-contact-form
• Owner: kanugurajesh
• Created: 2024-07-01T16:58:14.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-05T13:50:12.000Z (over 1 year ago)
• Last Synced: 2025-05-07T17:12:46.691Z (5 months ago)
• Topics: contact-form, email-design, nextjs-contact-form-integration, nextjs14, resend, tailwindcss
• Language: TypeScript
• Homepage: https://next-js-contact-form-weld.vercel.app/
• Size: 251 KB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  



# Next.js-Contact-Form

This is a user friendly Next.js Contact Form which can be easily integrated in your current Next.js application.

## Screenshots

### Contact Form

![Screenshot 2024-07-05 185426](https://github.com/kanugurajesh/Next.js-Contact-Form/assets/77529419/80455fdc-2530-433d-bdcc-46ec0c0fb291)

### Email template

![Screenshot 2024-07-05 183944](https://github.com/kanugurajesh/Next.js-Contact-Form/assets/77529419/78f9991c-3462-4524-af4c-400f026eb97f)

## Demo

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/iQl5y5c1Ctg/0.jpg)](https://www.youtube.com/watch?v=iQl5y5c1Ctg)

## Project Setup

```bash

1. Fork the repo

2. git clone https://github.com/[your username]/Next.js-Contact-Form/

3. cd Next.js-Contact-Form

4. npm install

5. cp .env.example .env.local

6. get the resend api key and paste it in the .env files and also add the email from which you have created your resend app

```

## Contribution Guidelines

We welcome contributions to enhance and improve the llm app. If you have ideas or improvements, feel free to submit a pull request following our contribution guidelines.

## Feedback and Issues

If you encounter any issues or have feedback, please open an issue on our [GitHub repository](https://github.com/kanugurajesh/Movie-Recommendation-System/issues). We appreciate your input and strive to make our system better with each update.

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://rajeshportfolio.me/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/rajesh-kanugu-aba8a3254/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/exploringengin1)

[![youtube](https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white)](https://youtube.com/@RajeshKanugu)

![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCK8JZ6oQY32SQO3ohLWkuxw)

## Tech Stack

- Next.js

- TailwindCSS

- Resend

- Email-Template

## Authors

- [@kanugurajesh](https://www.github.com/kanugurajesh)

## Contributing

Contributions are always welcome!

## Support

For support, you can buy me a coffee



## License

![MIT License](https://img.shields.io/badge/License-MIT-green.svg)

Happy Coding!