This will be a full-stack project built with Next.js, and focus heavily on community and data. The concept is a mix of early day tumblr and pinterests light social media feel where users could post, collaborate and share their goals.
- NextJS 15 with TypeScript
- (S)CSS Modules
- React Query (Tan Query)
- Redux & Redux Toolkit (RTK)
- React Hook Forms
- Lucide Icons
- ExpressJS / NodeJS that's built in with NextJS
- Next-Auth
- Web Sockets
- PostgresSQL
- Supabase (SQL) hosting
- React Testing Library (RTL)
- Jest
- Github Actions
- Swagger
- Date FNS
- Vercel for deployment
This is a long term project that I primarily wlll heavily use and practice more Redux & Redux Toolkit as well as experiment with technologies I do not normally use. For example, I typically use MongoDB but for this project is will have a PostgresSQL database.
I plan to develop this throughout the course of 2025. I am not planning on any monetization and this is purely just to keep my development skills sharp while trying new patterns. As such, I will keep this repository public as both a reference to myself, and others including curious friends, strangers wanting to learn and future employers.
I also want my creative juices to flow and will mess around with graphics as well. Since this is a public repostiory that will use postgresSQL maybe I'll have it so other people can run their own postgresSQL db too and not have a central hosted maybe. If this site ever does get users or ran locally to add own would be good learning experience. This is more of a comfort project and on exploration than any big serious one, but definitely a big one.
First, 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.
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 Geist, a new font family for Vercel.
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.