https://github.com/aritra69/snapshotyourwebsite

An Open Source tool that captures high-quality screenshots of any website, built with Nextjs14 and Puppeteer.
https://github.com/aritra69/snapshotyourwebsite

axios docker express nextjs14 nodejs puppeteer react render shadcn-ui tailwindcss vercel zustand

Last synced: 2 months ago
JSON representation

An Open Source tool that captures high-quality screenshots of any website, built with Nextjs14 and Puppeteer.

• Host: GitHub
• URL: https://github.com/aritra69/snapshotyourwebsite
• Owner: ARITRA69
• License: mit
• Created: 2024-08-19T16:17:48.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-30T17:45:12.000Z (4 months ago)
• Last Synced: 2024-10-10T20:01:31.650Z (2 months ago)
• Topics: axios, docker, express, nextjs14, nodejs, puppeteer, react, render, shadcn-ui, tailwindcss, vercel, zustand
• Language: TypeScript
• Homepage: https://snapshotyourwebsite.com
• Size: 817 KB
• Stars: 13
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Snapshotyourwebsite

## Project Overview

- **Project Name**: **Snapshotyourwebsite**

- **Primary Purpose**: Capture screenshots of the hero section or full page of a website using Puppeteer

## System Architecture

- **Frontend**: React, Next.js

- **Backend**: Node.js with Docker Puppeteer

## Deployment

- **Frontend**: Vercel

- **Backend**: Render Docker

## Key Components

- **Frontend**:

  - User Interface for URL input and screenshot type selection

  - Display area for the captured screenshot

  - Download link for the screenshot

- **Puppeteer Service**:

  - URL validation

  - Screenshot capture (hero section or full page)

## Main Functionalities

- **User Interaction**:

  - Upload URL

  - Select screenshot type (hero section or full page)

  - Display screenshot

  - Provide download link

- **Screenshot Capture**:

  - Fast and accurate screenshot capture using Puppeteer

## Security Measures

- **Input Validation**: Ensure URLs are valid and safe