https://github.com/mahmudhmh/next-notey
This is a simple Notes App built using Next.js 13 and TypeScript for the frontend, and Pocketbase for the backend.
https://github.com/mahmudhmh/next-notey
datafetching next-router nextjs13 pocketbase reactjs servercomponent sqlite tailwindcss turbopack
Last synced: 7 months ago
JSON representation
This is a simple Notes App built using Next.js 13 and TypeScript for the frontend, and Pocketbase for the backend.
- Host: GitHub
- URL: https://github.com/mahmudhmh/next-notey
- Owner: mahmudhmh
- License: mit
- Created: 2024-03-26T23:26:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-27T00:04:31.000Z (over 1 year ago)
- Last Synced: 2025-01-12T21:31:59.922Z (9 months ago)
- Topics: datafetching, next-router, nextjs13, pocketbase, reactjs, servercomponent, sqlite, tailwindcss, turbopack
- Language: CSS
- Homepage:
- Size: 15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# NextJS Note App
The Notes App is a user-friendly tool that helps you organize your thoughts and tasks effortlessly. It's built with the latest technologies like Next.js 13 and TypeScript for the frontend, and Pocketbase for the backend, ensuring a smooth and secure experience.
With its simple design and powerful features, including ReactJS, and Next Router, navigating through your notes is easy and intuitive. Plus, it uses advanced techniques like SQLite for data storage and retrieval, making sure you can access your notes quickly and reliably.
Overall, the Notes App is a modern solution that simplifies the way you manage your ideas and tasks, giving you more time to focus on what matters most.
## Features
- **Create Notes**: Users can create new notes, providing a title and content.
- **View Notes**: Users can view their saved notes.
- **Responsive Design**: The app is designed to work seamlessly across various devices.
## Technologies Used
- **Next.js 13**: A React framework for building server-rendered applications.
- **TypeScript**: A statically typed superset of JavaScript that enhances code quality and developer productivity.
- **Pocketbase**: A backend service for storing and managing data, providing a scalable and reliable solution.
- **React**: A JavaScript library for building user interfaces.
- **ESLint & Prettier**: For code linting and formatting to maintain code quality and consistency.
## Getting Started
1. **Clone the repository**:
```
git clone https://github.com/mahmudhmh/next-notey
```
2. **Install dependencies**:
```
cd next-notey
npm install
```
3. **Run the app**:
```
npm run dev
```
4. **Access the app**:
Visit `http://localhost:3000` in your browser.
## Backend Setup
The backend for this app is powered by Pocketbase. Follow the Pocketbase documentation to set up your backend and configure the necessary APIs for user authentication and CRUD operations on notes.
[PocketBase Doc](https://pocketbase.io/docs/)
## License
This project is licensed under the [MIT License](LICENSE).
In this README file, I assumed a basic understanding of Next.js, TypeScript, and Pocketbase. You might need to customize certain sections based on your specific implementation details.