Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ecarry/photography-website
An open-source Photograph travel Blog📸built using Next.js, Drizzle, Neon, Better auth, Shadcn/ui and Hono.js.
https://github.com/ecarry/photography-website
betterauth cloudflare-r2 drizzle hono neon nextjs reactquery shadcnui tiptap-editor
Last synced: 7 days ago
JSON representation
An open-source Photograph travel Blog📸built using Next.js, Drizzle, Neon, Better auth, Shadcn/ui and Hono.js.
- Host: GitHub
- URL: https://github.com/ecarry/photography-website
- Owner: ECarry
- Created: 2023-09-25T06:35:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-27T07:26:50.000Z (9 days ago)
- Last Synced: 2025-01-27T08:26:35.328Z (9 days ago)
- Topics: betterauth, cloudflare-r2, drizzle, hono, neon, nextjs, reactquery, shadcnui, tiptap-editor
- Language: TypeScript
- Homepage: https://p.ecarry.me
- Size: 83.2 MB
- Stars: 123
- Watchers: 3
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Photography Blog 📸
[](https://vercel.com/new/clone?repository-url=https://github.com/ECarry/photography-website)
A modern, open-source photography blog platform built with the latest web technologies. Share your photography journey with style and efficiency.
## ✨ Features
- 📱 Responsive design for all devices
- 🖼️ Automatic EXIF data extraction from photos
- 🔐 Secure authentication with Better Auth
- ☁️ Cloud storage with Cloudflare R2
- 🎨 Beautiful UI with Shadcn/ui components
- 🚀 Lightning-fast performance
- 📍 Location-based photo organization
- 🌐 SEO optimized
- 🎯 API powered by Hono.js
## 📸 Screenshots
## 🌈 Support Theme
- 🌈 Dark
- 🌈 Light
## 🛠️ Tech Stack
- **Framework:** [Next.js 15](https://nextjs.org/)
- **Database:** [Neon](https://neon.tech/) (Serverless Postgres)
- **ORM:** [Drizzle](https://orm.drizzle.team/)
- **Authentication:** [Better Auth](https://better-auth.com/)
- **UI Components:** [Shadcn/ui](https://ui.shadcn.com/)
- **API Layer:** [Hono.js](https://hono.dev/)
- **Storage:** [Cloudflare R2](https://www.cloudflare.com/products/r2/)
- **Deployment:** [Vercel](https://vercel.com)
## 🚀 Getting Started
### Prerequisites
- Node.js 20+
- bun (recommended) or npm
- Neon Database
- Cloudflare R2 Account
### Environment Variables
Create a `.env.local` file in the root directory:
```bash
# Database
DATABASE_URL=your_neon_database_url
# Auth
BETTER_AUTH_SECRET=
BETTER_AUTH_URL=http://localhost:3000 #Base URL of your app
NEXT_PUBLIC_APP_URL='http://localhost:3000'
# Cloudflare R2
CLOUDFLARE_R2_ENDPOINT=
CLOUDFLARE_R2_ACCESS_KEY_ID=
CLOUDFLARE_R2_SECRET_ACCESS_KEY=
CLOUDFLARE_R2_BUCKET_NAME=
CLOUDFLARE_R2_PUBLIC_URL=
# Mapbox
NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN=
```
Replace `your-domain.com` with your actual domain name. This is required for Cloudflare Image Optimization to work correctly.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/photography-website.git
cd photography-website
```
2. Install dependencies:
```bash
bun install
```
3. Set up the database:
```bash
bun db:push
```
4. Start the development server:
```bash
bun run dev
```
### Create admin user
// TODO: implement admin user creation
### Custom Domain Configuration
Before deploying, you need to update the custom domain in `image-loader.ts`:
```typescript
// image-loader.ts
return `https://your-domain.com/cdn-cgi/image/${paramsString}/${normalizeSrc(
src
)}`;
```
Visit `http://localhost:3000` to see your application.
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🤝 Contributing
Contributions are welcome! Feel free to open issues and pull requests.
## 💖 Support
If you find this project helpful, please give it a ⭐️ on GitHub!
## ⭐️ Star History
[](https://star-history.com/#ECarry/photography-website&Date)
## 📝 Changelog
- 2025-01-12: Better Auth instead of Next Auth