This is a Next.js project bootstrapped with create-next-app.
Postify is a modern and responsive Next.js-based social media post viewer that allows users to browse and interact with image-based posts. It features a smooth carousel-based image viewer and ensures an optimal viewing experience across devices.
Install the required depencies
git clone https://github.com/Adventurist2/Pocket-Writer.git
cd Pocket-Writer
npm install # or yarn installFirst, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
To create a new post in Postify, follow these steps:
- Click on "Create New Post" – This will open the post creation interface.
- Upload Images or Provide Image Links – You can either upload photos from your device or enter image URLs to fetch images.
- Add a Caption – Write a caption to accompany your post.
- Submit the Post – Click on the submit button to add your post to the feed.
- View Your Post – Once uploaded, your post will appear in the feed. Click on the image to open a full-screen viewer, where you can browse all images in the post along with the caption.
Postify utilizes both local storage and the local file system to manage images and related inputs efficiently:
- Local Storage: Stores data such as image URLs, captions, and post details to ensure quick retrieval.
- Local Computer Memory: Handles uploaded images, allowing seamless access and display within the app.
This approach ensures that posts persist even after a page refresh, providing a smooth user experience.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.