@kkrishguptaa0Mapped out the architecture I'm going to build Hatchet in. ✨ It will use 4 different databases, postgres, scylladb, redis and opensearch. The clients will be written in TypeScript with React, expo + react-native for mobile, nextjs for the web and tauri for desktop. Backend will be written primarily in Rust and Golang with one microservice in Python. It will use Cloudflare R2 for file uploads, Signal Protocol for Encryption. Very excited about using Kafka (I have no idea how it works, but I guess its needed for this one).
@Aram0:tw_ship:#C0M8PUPU6|!🚢
Last year I made a database of every name of U.S. citizens. Over the last couple of weeks, I made a web tool to view this data! If you’re a data nerd like me, you can see where names are most popular, and where the name is more popular. It features a table, graph, maps, and much more. FYI, It will omit any names with under 5 people born that year for privacy reasons.
This has been a really fun dataset to work with. The site is made with Next.js:nextjs:, mySQL (with Drizzle as the ORM), shadcn/ui, D3.js, and :tailwind:.
You can visit it at nomen.aram.sh and the source code is available on GitHub (maybe give it a ⭐ ? :pleading_face:)
Have fun playing around with the data! :partyparrot:
@uwu0next.js grind continues dont stop never stop
day 4 of #C045S4393CY|
@uwu0Finished chapter 6 of the Next.js tutorial (Day 1 of #C045S4393CY|)
@ez0I made a boilerplate for next.js devs to save time on setting up projects involving next-auth.
• Next.j
• Tailwind
• Prisma
• Next-auth
• Sqlite
github.com/eesazahed/next-auth-boilerplate
@SG-U0811RPNTEX0Started a new project: Personal website using Nextjs 15
@AshishAgarwal0working on a next.js full-stack project!
currently making the dashboard, then I will make the back-end server once the dashboard/frontend is done
shadcn/ui, next.js and tailwindcss used in the dashboard front-end
@AshishAgarwal0Working on my portfolio! This project marks my very first Next.js project!!
I added cool features such as - Headless blog (Hashnode), Guestbook (you can leave your reviews there!), etc more!
Built with Next.js, Framer Motion, Postgres, Prisma, Google+Github oAuth, TailwindCSS
CHECK OUT: ashish.top
@JigmetAvinash0Today was quite stuggle-full day, cause I was in no mood to code. Thankfully HighSeas had the motivation inside. Welps, I have now configured the modes change, the different safety precautions and many minor bug fixes. I thought on a full introductory of the project today but I guess It will take till the weekend. Till then I will continue to code and enjoy this scrapbook. Also, I added a README so I dont need to add or save anything here, perhaps fun too !. Anyways (tags : Nextjs, Javascript, TypeScript, Vs Code, High Seas)
Ba-Bye and Adios
@IchaBálint0Started work on CourseKit. Also learned how to do these fancy dotted backgrounds with CSS.
Might not seem like much but the site is not hard coded but dynamically built from a builtin mini CMS (also self coded as part of the project), then cached by NextJS for a few hours
@JigmetAvinash0So today was a good day at coding, did around 2 hours of coding while 1hour 4 mins was logged because I was watching tutorials too! 37:10 is the timestamp for today. Anyways talking about it, I want to tell that NextJS is easy then other frameworks also that This project's gonna be lit! I will use it for myself too! Hope this project gets everyone productive. Refer to my previous day post
@SimonK0I'm working on an open-source NextJS IT Inventory Management system. Its a really wide project with a bright future. Currently its just a database, a super sexy login page and some dashboard pages. Gonna force out commits trough the week and hopefully have the whole DB being used by friday afternoon! Thanks for reading!
github.com/LCHoldings/lc-inventory-mgmt
@JigmetAvinash0Loving NextJS so far. The way NextJS handles things is new for me, although I have made many apps I never actually learned anything, but this time I am making myself to the top. Anyways, My project is a part of a bigger picture, a full fledged productivity app. ChopProductivity will be one big productivity ecosystem of a app. Currently I am trying to make a local-db based pomodoro, then it will be a google-sign in prismaDB based cloud stored pomodoro app, then I will expand it to To-Do Lists and futher get it on multiple frameworks and platforms to increase my own productivity along with many others. Wish Me Luck. Made AT Highseas
@arctix.dev0Update on Brainwave, I was super busy this week so haven't worked on it for a while, but I had some time today so I implemented most of the AI and database logic. I am using the Vercel AI sdk with openai as provider which works super well with nextjs. Currently its basically just a worse ChatGPT, but this is the base needed for what my plans are for Brainwave. Excited to work on the features that make it unique tomorrow :yay:
Darn it the video didnt embed :blobhaj_sad_reach: Check next post..@arctix.dev0Still working on the UI for Brainwave. Playing around with the view transitions api, which sadly isnt oficially supported by nextjs but I found a library and it seems to be working great so far!@arctix.dev0With High Seas kicking off, I thought starting a scrapbook would be cool! I've been brainstorming project ideas, and one that’s stuck with me is building something like ChatGPT—but for schools. The idea is to make a tool packed with features for teachers and students, helping schools adapt to AI and teach it in a way that keeps everyone up to speed. I haven't settled on a name yet, but I'm currently considering something like "Brainwave". I am planning to build Brainwave using React/Next.js, OpenAI API, Shadcn/ui, and Supabase! :supabase::vercel::openai::react:
Spent a few hours today recreating the ChatGPT UI as a starting point. The concept should become clearer as it develops, but I’m excited to see where it goes from here!
@FelixGao0Day 3/10 of <#C07NUNPGEU8|>!
Today I finished most of the URL shortener's small things :). URLs are now scanned for malware before they are shortened.
I'm getting started on a QR code generator :yay:! So far I have the basic generation done (I might have to swap the library for more features :heavysob:). Slightly #C02EXAC2WR0| but oh well (I promise it will look better, also gonna be hack club themed cause that's gonna give me an excuse to try out this typescript + next.js idk thing lol)
url.felixgao.dev for the URL shortener, QR code generator isn't live yet ):, coming soon ™️!
@Briyan0Remade the whole hackclub.com/stickers site from its source code (bare html + css) and added waayyyy more functionality thats actually useful!
Now the new sticker website lets you:
-Add stickers to your collection by clicking on them
-Remove stickers from your collection
-Remember your stickers when you return to the site!
Demo it here!: ampersandco.me/stickers
Warning! Its kinda ass cuz I'm not that familiar with react or next js so I just remade it on plain html for now until I can learn 😭@MichaelChuang0Next.JS Official DSAT Latin Roots Learner with Comprehensive Feedback
using points to redeem practice SAT questions will be a feature soon to be added. Please let me know how you feel about this SAT Prep platform!
www.rootified.megithub.com/mchuang413/Rootified/commit/0992ea27676aafaf3499e575ee79fcbecae9c904
@elliott0Made a pizzeria web site with Next.js as a practice.
Check out the site or the Github.
@Henri0I worked on some animations for the selfmail homepage and I added a modern changelog. Done is this as usual with framer-motion, react, nextjs and tailwind@TanushChauhan0Hello everyone!
I recently completed my chat application, which I made to chat with my friends. It is a simple application created using Next JS, tailwind, and Supabase with one chat room. Check it out!
Repo: github.com/tanushchauhan/chat-app
Link: chatapp.tanushchauhan.com
@TanushChauhan0posting it one more time
Hello everyone!
I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits.
repo: github.com/tanushchauhan/grade-app
Link: grademate.tanushchauhan.com
@TanushChauhan0Posting it again
Hello everyone!
I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits.
repo: github.com/tanushchauhan/grade-app
Link: grademate.tanushchauhan.com
@TanushChauhan0posting again
Hello everyone!
I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits.
repo: github.com/tanushchauhan/grade-app
Link: grademate.tanushchauhan.com
@TanushChauhan0Hello everyone!
I recently completed my Next JS application, which is called GradeMate. I made this app as a wrapper over my high school's gradebook application to create a better UI and add extra features like grade prediction and GPA calculation. I shared it with some people in my school, and they loved it! I plan to improve it as this school year goes on. I have added a demo account in the application so you all can take a look and experience the application. The credentials for the same can be found on the app's login page. Read the readme on the repo for details on running the application locally and credits.
repo: github.com/tanushchauhan/grade-app
Link: grademate.tanushchauhan.com
@JamesChen0Made a literature Q&A website powered by next.js and openai. learnt quite a bit about next.js. Got it to a point that I am happy with for this small project (google oauth; openai integration, etc)
github.com/jamesrchen/bookance
@liqki0I made a browser multiplayer game similar to Survive the Internet using NextJS and SocketIO. It isn't online currently since I don't have the resources to host the socket server.
Github Repo: github.com/liqki/cancelled@Jignesh0I finally shipped my project 'Chatty'
Its a fullstack discord clone with real time messaging
Made with nextjs, shadcn, tailwind, socket.io, prisma, postgresql,
It has responsive ui, with light and dark themes,
Server creation, channel management.etc, tried to replicate major features of discord
If you'd like, join the existing server I created using this link chatty-silk.vercel.app/invite/fd6fb69b-884a-4f2d-ae93-40299ff241ec
Review this app and if you have any cool features in mind, just shoot me a dm...
GitHub :github.com/jignesh119/chatty
Live url: chatty-silk.vercel.app
Note:
-In the app voice and video calling requires a websocket connection between client and server all the time whereas vercel (where I deployed to) uses serverless architecture.
Hence those features won't work
-For realtime chat updates I've added constant polling as fallback for websockets(if no websocket connection) hence maintains realtime status
Hence,
To see app's full features set this up locally using instructions provided in readme.
PFA screenshots of app:
@Jignesh0Finally completed my website
AuthSwiss- complete nextjs authentication toolkit, this can be used as template or as reference to build robust authentication system using nextjs
Github: github.com/jignesh119/AuthSwiss
Live url: auth-swiss.vercel.app
(for testing app, use
email: [email protected],
password: 1234567
As login credentials, if u dont wanna enter your own details)
@ShreyasJain0Post 26Podcastt 🎧: An open-source AI-powered podcast creation and discovery platform built with Next.js and Convex
So far, I've implemented these key features:
• Secure authentication
• Podcast creation
• AI voiceover generation
• AI thumbnail generation
Upcoming features include:
• Discover podcasts
• Home page
• Profile page
Check it out @ podcastt.vercel.app
Open source @ github.com/shrysjain/podcastt
Authentication powered by Clerk, some components bootstrapped from shadcn/ui AI functionalities provided by OpenAI. Implementation inspired by jsm.
@YeGao0github.com/GaoYeGithub/nextjs-docker
Built a journaling website demo that connects react to supabase and docker so you can just open docker and Build and run the container@Craze0In the past 2 days I finished:
Storing the document from the frontend to the backend
Improving the toolbar functionality
Writing contributor guidelines and setting up auto formatting for the repository
This is for my website SciBind, a Next.js website made with Typescript and Tailwind CSS combined with a Django/Python backend/database. This is a website to make it easier for Science Olympiad students to make binders/cheat sheets with all sorts of features at their hands, and I have opened it up to community contribution.
Here is the link to the repo: github.com/CrazeXD/SciBind !
@NicholasFasching0I made a free and public API to get registration information about aircraft from the FAA (Federal Aviation Administration).
I call it “arla”, which stands for “Aircraft Registration Lookup API”. I use Supabase for the database and Vercel/Next.js for the website/API. I also use GitHub Actions for running the daily update script to fetch registration information from the FAA.
The API is very small, but I made a (in my opinion) pretty awesome looking website/documentation page for it. The documentation page is designed to be easy to understand, with buttons for each API endpoint to send a test API request. I also have a light and dark mode theme for the entire website.
GitHub: github.com/njfdev/Aircraft-Registration-Lookup-API
Website: arla.njf.dev@lorenzo0I created a Drive app in Nextjs, really proud of the result
i.imgur.com/8frhVgQ.mp4github.com/Lorenzo0111/Drive
@Henri0I redesigned the landing page of canvasly with tailus ui and nextjs. The project is open source and avaiable here. I plan to redesign the dashboard and the editor in the near future, also with tailus ui.@Krish-U07BLFLNXJB0github.com/KrishOnGH/krisharoraportfolio
I create a personal portfolio in next.js + tailwind.
@Joost0Introducing Atomic Clock , a website that shows you the current time, as precise as possible using NTP. Normally NTP is very hard to use in the browser, but using Next.js API functions, I've created a little wrapper. The site has an option to switch between a digital and analog clock, and you can customize those with a ton of options to your liking. If you host your own NTP server, which may be even more precise than some public ones, you can configure that too in the settings!
Check out the GitHub: github.com/JustJoostNL/atomic-clock
Website: clock.jstt.me
@ez0nextjs.clock (View Live)
A clock made with next.js + tailwind
@Nikhil-U079JUC2FKR0Hey everyone, I have just completed another 3D Website Project. The goal of this project was to try to render a custom 3D model through STL files. It was a difficult project, I learned a lot about how the STL file stores the data, and how it should be read to render it correctly. I made it using Next.JS and WebGL
Link to Demo
skywardsyntax.github.io/STLViewer
Link to Repository
github.com/SkywardSyntax/STLViewer
@TechPandaPro0I made a tool that lists all your Arcade sessions using the API! It uses Next.js and can be ran locally. Check it out here!
@Aaryan0Created a zoom clone! Made this to learn react and nextjs to eventually migrate my own project over and was following this great tutorial: www.youtube.com/watch?v=R8CIO1DZ2b8 Overall, a great intro to next js especially learning about useState and useEffects. For sure migrating my svelte site over to react for more reactivity. Also learnt how to use this great video and audio messaging service and Clerk auth. Really amazing tutorial and I recommended anyone trying to get into react and next js to make this! github.com/Aaryan-N/Zoom_Clone
