https://github.com/stackfoss/picswitcher
PicSwitcher Theme - Effortlessly switch between image formats and resize images with this Next.js JAMstack theme.
https://github.com/stackfoss/picswitcher
converter image jpeg png resize resize-images svg svg-images
Last synced: 10 months ago
JSON representation
PicSwitcher Theme - Effortlessly switch between image formats and resize images with this Next.js JAMstack theme.
- Host: GitHub
- URL: https://github.com/stackfoss/picswitcher
- Owner: stackfoss
- License: mit
- Created: 2023-08-01T16:27:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-28T17:52:18.000Z (over 2 years ago)
- Last Synced: 2025-01-18T11:24:17.491Z (12 months ago)
- Topics: converter, image, jpeg, png, resize, resize-images, svg, svg-images
- Language: TypeScript
- Homepage: https://picswitcher.akselinc.com
- Size: 1.67 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# PicSwitcher
Welcome to the PicSwitcher Next.js JAMstack theme! 🥳️
PicSwitcher is an open-source Next.js theme that empowers you to effortlessly switch between image formats, resize images, and elevate your design capabilities. This guide will walk you through the installation process, system requirements, and essential setup steps to get PicSwitcher up and running smoothly using Yarn.
If you find this project useful and would like to support its development, consider becoming a patron:
[](https://www.patreon.com/akselinc)
## Table of Contents
1. [Introduction](#introduction)
2. [System Requirements](#system-requirements)
3. [Installation Steps](#installation-steps)
4. [Troubleshooting](#troubleshooting)
5. [Features](#features)
6. [Usage](#usage)
7. [Contributing](#contributing)
8. [License](#license)
9. [Additional Resources](#additional-resources)
10. [Credits](#credits)
11. [Sponsors](#sponsors)
12. [Contact](#contact)
13. [Contact Support](#contact-support)
## 1. Introduction
PicSwitcher is a feature-rich Next.js theme designed to streamline the process of working with images. With seamless format conversion and intuitive resizing options, PicSwitcher empowers designers and developers to transform their visuals effortlessly.
## 2. System Requirements
Before you begin, ensure that your system meets the following requirements:
- Node.js (>= v18.17.0): PicSwitcher is built on Next.js, which requires Node.js. Make sure you have Node.js installed on your machine. (Recommended version: LTS)
- Yarn (>= 1.22.19): Yarn is used for managing dependencies. Ensure you have Yarn (version 1.x) installed.
- GitHub Account: You'll need a GitHub account to access the PicSwitcher repository and manage your code.
- Netlify or Vercel Account: You'll need an account with Netlify or Vercel for deployment and hosting purposes.
## 3. Installation Steps
Follow these steps to install PicSwitcher using Yarn:
1. Clone the repository: `git clone https://github.com/Akselinc/PicSwitcher.git`
2. Navigate to the theme's directory: `cd PicSwitcher`
3. Install the required dependencies using Yarn: `yarn install`
4. Start Development Server: Run `yarn dev` to start the development server. Open your browser and navigate to http://localhost:3000 to see the initial website.
5. Build locally: `yarn build`
## 4. Troubleshooting
Encountering issues? Here are some troubleshooting tips:
- Dependencies: Ensure you have installed all required dependencies using `yarn install`.
- Node Version: Confirm you're using a compatible Node.js version (LTS recommended).
- Clear Cache: If you experience unexpected behavior, try clearing your browser's cache and restarting the server.
## 5. Features
PicSwitcher comes with a range of powerful features:
- **Google AdSense Integration**: Easily monetize your website with Google AdSense ads.
- **Google Analytics Integration**: Track and analyze user behavior with Google Analytics.
- **Progressive Web App (PWA)**: Create a seamless and engaging user experience with PWA capabilities.
- **Image Resize**: Resize images to various dimensions without compromising quality.
- **PNG to JPEG Conversion**: Convert PNG images to JPEG format.
- **PNG to ICO (Favicon) Conversion**: Convert PNG images to ICO format for use as favicons.
- **JPEG to PNG Conversion**: Convert JPEG images to PNG format.
## 6. Usage
To see the live website powered by PicSwitcher, visit [PicSwitcher Live Demo](https://picswitcher.akselinc.com). Explore the features and functionalities and get a feel for how PicSwitcher can enhance your projects.
## 7. Contributing
We welcome contributions from the community! If you'd like to contribute to PicSwitcher, please follow our [Contribution Guidelines](CONTRIBUTING.md).
## 8. License
PicSwitcher is released under the [MIT License](https://github.com/Akselinc/PicSwitcher/blob/main/LICENSE.md).
## 9. Additional Resources
Explore these resources for further guidance:
- [Next.js Documentation](https://nextjs.org/docs)
- [Node.js Documentation](https://nodejs.org/docs)
- [Yarn Documentation](https://classic.yarnpkg.com/docs)
## 10. Credits
PicSwitcher is built with the following technologies and resources:
- Built with Next.js and Ant Design
- Images from Unsplash
## 11. Sponsors
Show appreciation to our sponsors who support the development of PicSwitcher. If you're interested in becoming a sponsor, please reach out to us at [contact@akselinc.com](mailto:contact@akselinc.com).
## 12. Contact
Feel free to contact us for general inquiries, suggestions, or feedback at [contact@akselinc.com](mailto:contact@akselinc.com).
## 13. Contact Support
If you encounter challenges or have questions, don't hesitate to reach out to our community and support team via [GitHub Issues](https://github.com/Akselinc/PicSwitcher/issues) or [contact@akselinc.com](mailto:contact@akselinc.com). We're here to assist you on your journey with PicSwitcher.