The Text Splitter App is a simple web application built using Next.js, Tailwind CSS, and TypeScript. It allows users to input large text blocks and automatically splits them into smaller chunks for easier handling. Users can specify the size of these chunks, making it versatile for different use cases involving extensive text data.
- Text Input: Users can paste or type text into the input field.
- Automatic Splitting: The application automatically splits the input text into chunks of specified maximum character length each.
- Copy Functionality: Each chunk is accompanied by a copy button, allowing users to quickly copy the chunk's content to the clipboard.
- Responsive Design: The application is designed to work seamlessly across various devices and screen sizes.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
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.