misc: init
This commit is contained in:
62
SETUP.md
Normal file
62
SETUP.md
Normal file
@@ -0,0 +1,62 @@
|
||||
# Support Email Site
|
||||
|
||||
A Next.js contact form with shadcn-ui that sends emails via SMTP.
|
||||
|
||||
## Setup
|
||||
|
||||
1. Install dependencies:
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
2. Copy `.env.example` to `.env.local`:
|
||||
```bash
|
||||
cp .env.example .env.local
|
||||
```
|
||||
|
||||
3. Configure your SMTP settings in `.env.local`:
|
||||
```env
|
||||
SMTP_HOST=smtp.example.com
|
||||
SMTP_PORT=587
|
||||
SMTP_SECURE=false
|
||||
SMTP_USER=your-email@example.com
|
||||
SMTP_PASSWORD=your-smtp-password
|
||||
SMTP_FROM=your-email@example.com
|
||||
```
|
||||
|
||||
4. Run the development server:
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
5. Open [http://localhost:3000](http://localhost:3000) in your browser.
|
||||
|
||||
## Features
|
||||
|
||||
- Contact form with name, email, and message fields
|
||||
- Server-side email sending via SMTP
|
||||
- Form validation
|
||||
- Loading states and error handling
|
||||
- Built with Next.js 16 and shadcn-ui
|
||||
- Responsive design
|
||||
|
||||
## SMTP Configuration
|
||||
|
||||
- `SMTP_HOST`: Your SMTP server hostname
|
||||
- `SMTP_PORT`: SMTP port (typically 587 for TLS, 465 for SSL, or 25)
|
||||
- `SMTP_SECURE`: Set to `true` for SSL (port 465), `false` for TLS (port 587)
|
||||
- `SMTP_USER`: Your SMTP username/email
|
||||
- `SMTP_PASSWORD`: Your SMTP password
|
||||
- `SMTP_FROM`: The email address to send from (defaults to SMTP_USER if not set)
|
||||
|
||||
## Build
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
## Lint
|
||||
|
||||
```bash
|
||||
npm run lint
|
||||
```
|
||||
Reference in New Issue
Block a user