@rajan.ag0051i cleaned up my code for a project from a while back, and started a lot of brainstorming for v2! I’m going to completely redo the UI and make it in NextJS because I was NOT happy with how this one turned out.
@lachlanjc0Carbon emissions dropped during COVID—but working from home introduces its own emissions. I’ve helped build an interactive calculator at Watershed to model these emissions: watershedclimate.com/wfh-calculator (& wrote a Twitter thread with some design details!)
@maxwelldev0finally started to use node.js and vsc to code my hackathon website with next.js framework 😄
@sampoder1just finished building <https://personal-project.co|personal-project.co> with Next.js, Theme UI & MDX for school! really liking how snappy it feels on mobile :)
source @ github.com/sampoder/personal-project-showcase
@sampoder1today i presented.. the *CLIMATATOR*! it’s a 4D interactive media experience / climate change simulator that showcases the effects of climate change to a younger audience. you enter the cabinet, put an AR headset on, watch a fictional weather report from 2050, then you begin to feel the heat of a heatwave 🔥 (there’s a strong heater inside), then you going on a bumpy ride (haptic motors) in a fire truck fighting wildfires :firefighter: (it’s still boiling from the heater and it intentionally smells of burning) and to end of your experience a cyclone with winds (a big fan) and shaking (haptic motors) 🌀 + it’s got sound effects and a nice video (this is my myp personal project, goal was to create an engaging way of learning about climate change)
the wooden structure was put together with a lot of drilling and with the use of recycled materials to the extent possible. i learnt a lot about woodworking as this was my first ever real woodworking project.
*this is biggest project ever, it’s taken me since August to build this all out…..* and i’m really proud of the final product. uses a mix of Raspberry Pi Python, Arduino, Next.js & Node.js to all work. the AR headset is powered by Holocron (www.npmjs.com/package/@sampoder/holocron)
more is at: climatator.co/de:partyparrot:
@matthew0After lots of struggling, Scrappy is finally off of Next.js and is now its own Express app. The code looks mostly the same, but now hopefully it'll stop crashing.
I tested this as much as I could before merging into the real scrappy, but admittedly I didn't test every feature (only a few basic ones, like posting and some commands). So if you run into any issues with scrappy, please let me know so that I can look into it 🙌 :scrappy::scrappyparrot:
@BenjaminSmith1Added my website to the webring! I wrote a react component with Next.js server side data fetching instead of using the premade JS so there is no JS needed to run the component on the browser
@matthewgleich1Thank you so much Hugo for the stickers! (NASA and Next.js)
@lachlanjc0I published Next Theme Starter, a batteries-included Next.js + Theme UI + MDX starter for new sites (a successor to hackclub/theme-starter, but for non-Hack Club sites) github.com/lachlanjc/next-theme-starter
@everest0Did the Vercel nextjs blog tutorial. Really liking vercel so far, more than any other hosting provider I’ve tried. It feels like if apple made a hosting service and react framework. blog.everestoreizy.vercel.app
@googol0It’s almost midnight and for streaksss here’s the error message I’m getting trying to fetch data from the Scrapbook API with Next.js 😬
@ella0i worked on a small project and deployed to vercel :yay: first time using Next.js
@sampoder1made this little thing for student council, it’s small but im kinda proud of it + work around it
@sampoder1continuing the theme of making things for innovation week: we’re making a QR code garden in the school staircase! it’s going to be full of qr codes to hopefully make people intrigued
when you scan the qr code, you’ll either get a quiz (where you can win house points!), a link to an instagram filter, an emoji guessing game, a meme, a riddle or a riddle (forked from lachlan’s SoM ideas page)!
here are some samples:
quiz:qr.innovweek.co/recZjRgVX47M5YwVk
meme: qr.innovweek.co/recztiUqFypN6kZAP
idea: qr.innovweek.co/recnTiaNAdwD9Pjc7
i’m especially proud of the quiz one. it was my first time using cookies (which ngl are super cool) and basically it creates a cookie so you can only redeem the house points once! uses next.js + airtable (but you probs already guessed that!)
also geopattern is really cool, each page has a unique bg!
oh and one more thing: if you are super super lucky you win a free :github: t-shirt :flying_money_with_wings:
@pranavnt0Working on a building a minimalistic markdown blogging platform I made in Next.js!
@pranavnt0I just finished v1 of my personal website built in Next.js!
@BenjaminSmith1I finished getting typescript to work well with GraphQL, added separate pages for projects, a nice 404 page, and a loading screen while Next.js is loading the next page
@Khushraj0Just received some stickers from Prisma!
@ongzhizheng0tried to make some nextjs templates today :D
also merry hackmas everyone
@sampoder1I got some next.js stickers and vercel fridge magnets!
@sampoder1made a rick rolling thing! you fill out the form and it gives you a call with the rick roll + a little ad for the event (read on)…. i made it with next.js and nexmo
the idea is that we’ll have these qr codes all over the school (we have permission, its going to be like cloudy with a chance of meatballs but qr codes instead of food)
ignore the fact that the screen recorder doesnt pick up the call sound, trust me it does work
@sampoder1i made a newsletter for the new school magazine launching tomorrow! i used next.js, mdx and deployed on vercel! been a bit stressful putting it all together but proud of the end result: vantage-point.online:yay:
@sarthak0🚢 CHALLENGE SHIP 🚢
Aight I’m shipping a link shortener which is faster than @rishi’s if I remove the Airtable integration. Like @rishi’s, it supports additional parameters at the end of a link. It’s written in Next.js and just as easy to clone. Check it out at srtk.me/gh/srtk.me-v2! (that link is using the shortener)
coming soon: ip address tracking with location and other information
@mikaeru0I want start make a portofolio website for my self with next.js and I haven't decided the css grid framework. Also I have my own reddit avatar (he's so handsome, isn't he?), I wonder if I can use it for my own web.
Anyway, can you recommend a good css grid framework to me?
@sampoder1making something with @msw (inspired by the panic sign)!
@sarthak0YEEHAWWWW 🤠 today i added a walkthrough page for my site cause my main page is super simple. My favorite parts are the custom card components I made and the timeline I made! Check it out at sarthakmohanty.me/walkthrough!
@sampoder1i worked out how to gain access to the image feeds of major traffic cameras around the island and built a dashboard for snooping around looking at each one: sg-traffic.now.sh….. these images are cool to watch over time, I might make something tomorrow for generating time-lapses from them :D
source @ github.com/sampoder/traffic-monitor …. I used next.js, who would have guessed?
@matthewvandyke087+Just posted my first Note/Update about SWC, (this one being my thoughts about the new redesign of SWC I'm working on) on my portfolio!
matthewv.me/swcnotes
@matthewvandyke087+Continued work on transferring all SWC courses and pages to nextjs
@sampoder1this has been floating around the slack last night but let me introduce you to <https://meet.hackclub.dev|meet.hackclub.dev>!
it's a fun website that introduces you to a random Hack Clubber from the Scrapbook API. I made it a while back with Next.js :)
@sarthak0shipped my first next.js website! I’m so ecstatic! srtk.me
@matthewvandyke087+Just shipped my portfolio in #ship! I am also starting Students Who Code new homepage which will be built in nextjs!
@sampoder1today i set up magic.link for a new project with nextjs! authentication is very confusing
