Day 1 : #100DaysOfCode
Worked a little on the developer portfolio in Next Js.
Mixing the Vibe of Twitter Profile + Github + Minecraft.
Made using: #Nextjs #tailwindcss #firebase
#buildinpublic #buildinginpublic #reactjs #portfolio

Creating a Twitter look alike Developer Portolio in Next Js. I wanted to write blog as well so took this approach.
#buildinpublic #nextjs #buildinginpublic #portfolio

#Day33 of #100DaysOfCode
🚀 Next.js
Server-side fetching
Client-side fetching using SWR library
Local data fetching
Mongoose schemas & models
MongoDB Atlas clusters
Connecting to MongoDB
Static and dynamic metadata generation #100Devs #WebDev #NextJS #MongoDB #SEO twitter.com/k__geoffrey/st…

Stuck with running a #graphql mutate query with #zod and #react-hook-form on #nextjs. Checking my code against tens of tutorials i found on google but still can't figure out what i am missing. #buildinpublic

TaskSpot Update🚀 - Turn links into tasks!

taskspot.app

#buildinpublic #Productivity #ProductivityBoost #webdevelopment #nextjs

Slightly different, then the previous one, and also forgot to add the confirmation, error messages for the login form. Really enjoyed today working on this, #Tailwindcss you're the best,

@supabase
the same #nextjs not so much. 🤣 #buildinpublic #indiehackers twitter.com/AlexVonMatterh…

Slightly different, then the previous one, and also forgot to add the confirmation, error messages for the login form.

Really enjoyed today working on this, #Tailwindcss you're the best, @supabase the same #nextjs not so much. 🤣
#buildinpublic #indiehackers

Working on a toast notification manager for @rewindui this week. What do you think? Any suggestions or requests? #buildinpublic #tailwindcss #reactjs #Nextjs

I will do html landing page psd, xd, sketch, figma to html convert fiverr.com/s/z6XBRb

#laravel #laravellive #laravelliveahmedabad #meetup #ahmedabad #MachineLearning #Overview #buildinpublic #buildinginpublic #javascript #React #Nextjs #TensorFlow #AI #AINews #sqltrain #js

Day 30 #buildinpublic #indiehackers #saas #landingpage #builders

👨‍💻 Fixing a #nextjs #bug about "SyntaxError: Cannot use import statement outside a module" 🤔

💡 Not much progress on my #funnel builder today, but will start building the "SIMPLE EDITOR MODE" #feature tomorrow… twitter.com/i/web/status/1…

Day 30 #buildinpublic #indiehackers #saas #landingpage #builders
👨‍💻 Fixing a #nextjs #bug about "SyntaxError: Cannot use import statement outside a module" 🤔👇
💡 Not much progress on my #funnel builder today, but will start building the "SIMPLE EDITOR MODE" #feature tomorrow… twitter.com/i/web/status/1…

Day 30 #buildinpublic #indiehackers #saas #landingpage #builders

👨‍💻 Fixing a #nextjs #bug about "SyntaxError: Cannot use import statement outside a module" 🤔👇

💡 Not much progress on my #funnel builder today, but will start building the "SIMPLE EDITOR MODE" #feature tomorrow… twitter.com/i/web/status/1…

Day 30 #buildinpublic #indiehackers #saas #landingpage #builders

👨‍💻 Fixing a #nextjs #bug about "SyntaxError: Cannot use import statement outside a module" 🤔👇

💡 Not much progress on my #funnel builder today, but will start building the "SIMPLE EDITOR MODE" #feature tomorrow… twitter.com/i/web/status/1…

Day 30 #buildinpublic #indiehackers #saas #landingpage #builders

👨‍💻 Fixing a #nextjs #bug about "SyntaxError: Cannot use import statement outside a module" 🤔👇

💡 Not much progress on my #funnel builder today, but will start building the "SIMPLE EDITOR MODE" #feature tomorrow… twitter.com/i/web/status/1…

‼️ Game-changer alert: @Shadcn in our #buildinpublic journey! With #NextJS, we're creating a #SaaS product with a UI that we truly love. The time saved is priceless, and the progress is real. More updates to come!

Just when you thought everything tested working on localhost and it should be ready for production:

#eslint #Nextjs #React #buildinpublic

#Nextjs 13 sucks 😆 Worked during the weekend on my Resume web app, spend most of time reading docs.

At least resume schema is set up, along with supabase.

Next step start working on UI.

#buildinpublic

It's funny to see how everyone is hyped around #serverless #nextjs etc and I'm building my #saas using #laravel and pretty old #jquery plugin 😀 Don't overthink and don't overcomplicate #buildinpublic #100DaysOfCode

Hey folks! Just whipped up this awesome template for Next.js, with Tailwind CSS, tailored specifically for all your NFT projects! 🚀💎

Get ready to rock ! 🔥

web3landings.lemonsqueezy.com

Demo : cyberpunkcity.vercel.app

#buildinpublic #tailwindcss #Nextjs #WEB3 #NFTs #Crypto

Is there a quick way of moving a static website (html + css) to NextJs? 🤔

#buildinpublic #Nextjs

The Supastack > ${allStacks}

#supabase #nextjs #vercel #buildinpublic #solopreneur #indiehackeur

Just crashed hard to this #NextJs error "i18n support is not compatible with next export".
Who would have known that nextjs SSG doesn't have i18n support...

Well, its time for some usual hacking it seems

#javascript #react #buildinpublic twitter.com/i/web/status/1…

Hey folks! Just whipped up this awesome template for Next.js, with Tailwind CSS, tailored specifically for all your NFT projects! 🚀💎

Get ready to rock ! 🔥

web3landings.lemonsqueezy.com

Demo : cyberpunkcity.vercel.app

#buildinpublic #tailwindcss #Nextjs #WEB3 #NFTs

Today in #buildinpublic, I want to share that I have been working on my portfolio for the past month. I have used #Nextjs 13 with #prisma and #postgreSQL in the back end.

#100DaysOfCode

Feel free to have a look and leave any comments or suggestions. jotadebeese.me

I will convert psd, xd, figma, sketch to html css bootstrap fiverr.com/s/8VkvPo

#Programming #Coding #100DaysofCode #Commercial #News #cybersecurity #SpiderOak #buildinpublic #Containers #Kubernetes #DevOps #nextjs #react #mongodb #tennis #news #javascript #AltCoins #VC #js

Shipped a first section of a landing page for giggity.co.za - The item cards are interactive & data is live to give a taste of the application. #buildinpublic #indiehackers #nextjs

Trying to figure out a way to authenticate edge API routes using middleware in nextjs. I’m using next-auth for authentication with github as a provider. Things don’t seem to work as expected.
#buildinpublic #nextjs

We just released a new version (27) of flockhappy.com featuring page tabs, new charts, and UI improvements. Full details: flockhappy.com/about/releases

Take control of your #livestock records and level up your #homesteading.

#AgTwitter #buildinpublic #AWS #nextjs

🐓🦙🫏🦬

I will convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/e5vyoE

#buildinpublic #student #university #indiedev #dnd5e #ghostfiregaming #arora #100DaysOfCode #developers #React #Nextjs #webdevelopment #javascript #cssart #webdevelopment #nextjs #react

I will convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/e5vyoE

#buildinpublic #student #university #indiedev #dnd5e #ghostfiregaming #arora #100DaysOfCode #developers #React #Nextjs #webdevelopment #javascript #cssart #webdevelopment #nextjs #react

Didn't realise what a nightmare it is trying to make a SPA based web-app using Next.js due to it's routing situation. Found this great article by

@colinhacks
that walks through using react-router with Next.js to get this functionality.

#buildinpublic #nextjs #React

I will convert PSD to HTML xd to HTML figma to HTML sketch to HTML fiverr.com/s/j0rk1v

#spiderman #buildinpublic #react #nodejs #nextjs #tailwindcss #Zegocloud #100DaysOfCode #Containers #Kubernetes #DevOps #AI #MachineLearning #Mlops #AiOps #DevOps #ChatGPT #GPT #Domains

On the process of building a scheduler for a hotel booking system.

#buildinpublic #Nextjs #javascript

So I need to build an event check in tool for work. The kicker is that this tool should use a data privacy vault to keep user data safe and secure. I'm gonna #buildinpublic for fun and hopefully get feedback as we go.

The Stack? #Nextjs #TailwindCSS #mongodb

Working on interactions for up-to-date screenshots tool. This way you can screenshot UI that is hidden behind click/hover/focus or even text type #buildinpublic #Nextjs #react

Have you used the latest #NextJS for your project?

#buildinpublic

Day 21 / #100DaysOfCode

Life is full of challenges, but that doesn't mean we should give up

Today @MustafaAswadi and I launched our first startup, #IPGeoLocation,

This AM Tech - the dream of our university course 😂
#buildinpublic #opensource #nestJs #nextJs

Nextjs Trivia👇

#buildinpublic
#Nextjs

⚡️Nextjs has 2 kinds of environment variables

1️⃣ NEXT_PUBLIC_ env varaibles :
They are explicitly prefixed with NEXT_PUBLIC_
They can be accessed both on the client side and on the server side.

Release notes are already @reactjs components, instead of just showing them in a releases page, flockhappy.com will keep track of “last version seen” per user and present a panel of what’s changed since they were away. Coming in next release (26). #buildinpublic #nextjs

Update of cluecraft.io 🙌:
Blog has been deployed 📝.
Fr this part, #contentlayer make content super easy.
Then I added rss, open graph, social shares, …
Now we o next level with the treasure hunt editor development ✍️
#buildinpublic #nextjs

I'm thinking to build an web app but lacking with the ideas.
Could anyone suggest please?

Technology - Java , springboot Microservices and react js.

#buildinpublic
#SoftwareDeveloper
#webdevelopment
#Java
#springboot
#microservices
#reactjs
#nextjs

Refactored the core pages and layout components today for next release (26). Navigating between pages will be much faster with bottom navigation persisting and not flashing between page loads. Shown on LTE. #buildinpublic #nextjs #AgTwitter #agtech #solofounder #materialui #AWS

Refactored the core pages and layout components today for next release (26). Navigating between pages will be much faster with bottom navigation persisting and not flashing between page loads. Shown on LTE. #buildinpublic #nextjs #AgTwitter #agtech #solofounder #materialui #AWS

Everyone uses apps a little differently. Our next release (26) will include preferences allowing you to choose which components you see on the homepage for immediate access. #buildinpublic #homesteading #smallfarm #livestock #agtech #poultry #eggs #nextjs #aws #solofounder

Day 8 #nextjs I have taken my decision, my first NextJS #indiehackers Saas will be a landing page builder - at least for the first MVP MLP #solopreneur #buildinpublic, gonna find a great builder lib today for that

Just got hit by the Next.js double-edged sword 🗡️

use the app directory and make your website even faster
BUT
now it takes 4 seconds just to compile a text color change in dev mode

Choosing the app dir in hopes it can get further optimized in the future
#buildinpublic
#Nextjs

Leveraging the power of Next.js, Supabase, Tailwind CSS, and MapLibre, I'll create a seamless user experience with robust functionality. Stay tuned as I combine these cutting-edge technologies to shape the future of mapping! #Nextjs #Supabase #TailwindCSS #MapLibre #buildinpublic

Both have the same function, link to other pages to view more information.

But I'm not sure which one to use. Any recommendations?

#buildinpublic #uiuxdesign #graphicdesign #figma #nextjs #vercel

Before and After

#uiuxdesign #dashboard #designinspiration #fe #Frontend #react #nextjs #graphicdesign #design #buildinpublic.

Day 7 #boilerplate #nextjs Admin dashboard with users list and posts blog system done to be displayed publicly for organic traffic. Today starting #SaaS #brainstorming to find the right problem to solve, it must help to :
1. Make money
2. Save money
3. Save time
#buildinpublic

My free plan for the RAWG API got over 😭😭.
I have to migrate the entire application to a different API provider and there are just 3 days left for the hackathon.
Hope I make it on time 🤞
#appwrite #rawgapi #buildinpublic #nextjs

More detailed sales data is coming soon, todays release is delayed till the UI is a bit more refined. Tomorrow. flexgrid tweaks. Field for number of eggs sold, customer type, and calculation for price per egg is all functional.
#nextjs #materialui #buildinpublic #chickens

Just got done building the game page. Pretty satisfied with the result 🔥😁

#appwrite #nextjs #typescript #buildinpublic #tailwindcss

Hey @scastiel I'm very thankful for your article on how to use #nextjs <Image> component in mdx

So I wrote one based on this to use <Link> components

Please, check it out

dev.to/martinratinaud…

#buildinpublic #MDX

Just installed @getsentry on @stakingcryptoio

Discovered many errors my users were experiencing and could even replay some of the errors

This tool is FREE and definitely a must-have.
Also easy to integrate in #Nextjs

Impressive

#buildinpublic

Day 5 #nextjs #experiment #digitalocean Still setting up and experimenting a #nextjs auto deployment system on #vps triggered by each #github commit pushed #buildinpublic

Day 5 #nextjs #experiment #digitalocean Still setting up and experimenting a #nextjs auto deployment system on #vps triggered by each #github commit pushed #buildinpublic

I will be your good front end developer fiverr.com/s/WB8jZQ

#100DaysOfCode #IoT #buildinpublic #saas #indiehackers #podcast #WorldOceansDay #IIoT #Industry40 #industrialiot #react #reactjs #javascript #nextjs #prisma #Robotics #Tech #Technology #FutureOfWork #Automation #js

Day 3 #saas #nextjs #boilerplate, Login/Register with Google using #firebase fully done, multi-language support done, language switcher done with dedicated url format. Starting subdomain detection & support. #buildinpublic #solopreneur #maker

Day 4 building my #saas #nextjs #boilerplate, today I have encountered the first NextJs weakness: the routes are not customizable for the multi language system, which mean you get /fr/register for the french language and you can't customize it to /fr/inscription  #buildinpublic

Today I am building my own boilerplate with #nextjs for all my future #indiehackers projects, it will allow me to build and ship all my future MVP & MLP Saas in a record time. Stripe payment module done, registration done, JWT session almost done #buildinpublic

Day 2 #NextJs Boilerplate in progress for my future #saas, Login done, User data session fetch done on every page, #recaptcha V3 anti-bot system added on every sensitive page, Contact page, async email system with #SES and templating done, Forgot Password done #buildinpublic

elvisbaltais.com
Did also some updates to my old portfolio page, but it seems like it will need some more work, a lot of things need to be done. #buildinpublic #nextjs #javascript #React #portfolio

Built a Search bar for my latest project 😁

#Nextjs #nextjs13 #tailwindcss #typescript #appwrite #rawgapi #LearnInPublic #buildinpublic

Hey there, fellow devs! 🚀 I'm building an app using #NextJS and #Stripe for payments.

Pondering over two flows:

1. Sign up/Login ➡️ Stripe Checkout
2.Stripe Checkout ➡️ User Creation

What's your recommended approach and why?

#buildinpublic

As a Next.js developer - did you switch to the new `app` directory?

#buildinpublic #developers #programmer #Nextjs

Is there any reason to use axios instead of fetch in Next.js?

#buildinpublic #webdevelopment #Nextjs

Added the Wishlist and Library functionalities.🥳
This took me quite a while as it was my first time using Appwrite's database.

The code needs a lot of improvement but I'm so happy that it works!
#nextjs #appwrite #learninpublic #buildinpublic

Day 11 #100DaysOfCodeToday

Used 𝗴𝗲𝗻𝗲𝗿𝗮𝘁𝗲𝗦𝘁𝗮𝘁𝗶𝗰𝗣𝗮𝗿𝗮𝗺𝘀 function in my #Nextjs Blog template.

This enable static generation content to be able catching on a CDN for extremely fast page loads. 🚀🚀🚀

Link: …tjs-tailwind-starter-theta.vercel.app

#performance #buildinpublic

Managed to connect my project to @appwrite 's cloud database. Can't wait to explore more!

#learninpublic #buildinpublic #nextjs

Learn more about us ✍️:

bluepandadev.hashnode.dev/saas-starter-k…

#buildinpublic #SaaS #React #nextjs #tailwind

Finally done setting up the RAWG API.
It was such a struggle 🥲

I'll fix the styling tomorrow.

#buildinpublic #nextjs

Just sunsetted my beloved project Dropshipping Blocker

Web extension warning you when you're on an e commerce product available on aliexpress

Had some fun
discovered 277 websites doing #dropshipping

Was also my first #nextjs project

dropshipping-blocker-webapp.vercel.app

#buildinpublic twitter.com/i/web/status/1…

Supercharge Your Web Development with Next.js and Vercel aglet.com.au/blog/5 #webdevelopment #nextjs #buildinpublic

I will convert xd to html css bootstrap5 responsive figma, zeplin, pdf to html website fiverr.com/s/Yaorg4

#ContentMarketing #figma #figjam #whiteboard #productdesign #figmatips #PHP #Laravel #Symfony #LinkInBio #BuildInPublic #nextjs #javascript #react #uichallenge #html

**UPDATE**
Been busy with school lately😪. However, I managed to complete the appearance page🎉.
Users can now select from a set of themes and also add custom themes to style their profile. ✨

#buildinpublic #opensource #Nextjs #codinglife

@transitive_bs @samuelkraft #buildinpublic here I find myself building blogs again but so excited to have added infinite scrolling without a library to #Notion #Nextjs #Tailwind #Typescript Starter

I will use #NextJS with #TailwindCSS to create a simple and minimalistic blog and build it publicly to help others get started! Follow me for updates!

#buildinpublic #bloggingcommunity #webdevelopment

Update on the software. Not much work done today. But simple demonstration compared to the previous tweet. Things will fill in the software eventually.
Rule of the day: For a big project, if you have a perfect plan then you are half way done.
#nestjs #nextjs #buildinpublic #react

Hey #Twitter folks!

We are thrilled to share with you our case study on @IndieHackers indiehackers.com/post/from-medi…

P.S. There is a discount code at the end of the article.

#indiehackers #casestudy #frontend #nextjs #reactjs

For tomorrow: Can work further on making it possible to change settings like biography, website and avatar. After that all profile things are done and than it will come to implementing the main features of inspi.dev

#buildinpublic #nextjs #javascript #supabase

How it is going with Inspi.dev. I've implemented a profile Layout in #nextjs with the app directory and made a basic profile page. Next to that I made a few #supabase functions and triggers to implement a profile table.

#buildinpublic

This is the 4th Finance software i have built this year. The most important thing i have learnt are:
1. Take time building nice UI, saves client from hassel.
2. Don't build everything at once. In my case i only built Room Service
#nestjs #reactjs #nextjs #buildinpublic

How To Create Login Form In HTML CSS & Bootstrap | Make Sign In Form HTM... youtu.be/Umc3UfU8PpI via @YouTube

#buildinpublic #react #nextjs #prisma #mongodb #javascript #100DaysOfCode #Kubernetes #Containers #Docker #DevOps #CloudNative #programming #SoftwareDeveloper #css

I’ve spent a few hours playing around the user management in my Time Tracking App.

I use @supabase with their own auth feature, it works well with both client side and server side components in NextJS.

What database + authentication system do you use?

#buildinpublic #nextjs

Leveraging the power of Next.js, Supabase, Tailwind CSS, and MapLibre, I'll create a seamless user experience with robust functionality. Stay tuned as I combine these cutting-edge technologies to shape the future of mapping! #Nextjs #Supabase #TailwindCSS #MapLibre #buildinpublic

Explore the platform and code repository:
Platform: tech-jam-by-johncanero.vercel.app

Repository: github.com/johncanero/tec…

#NextAuth #NextJS #authentication #TechJam #marketplace #security #userexperience #webdevelopment #dev #buildinpublic

Day 4th of #100DaysOfCode

Almost tweeted my defeat against Google API after 10hours battle, but it finally works.

I think I'm in love triangle with #supabase and #nextjs.

hey #buildinpublic, I might wanna launch soon my thirst thing! How do you do that?? 😱

Progress of Inspi.dev. Today I worked on auth, and in a few days everyone will be able to test out Inspi, the new platform for sharing ideas and projects with fellow programmers to inspire each other.

#buildinpublic #supabase #next #nextjs #javascript

Brainstorming and planning API's for a new project. I want to get this done correctly. Any using mindmaps here? #buildinpublic #buildinginpublic #mindmap #nextjs #nestjs

#buildinpublic #uberdriver #uber #nextjs #react
Update on my Uber Calculator project

uber-calculator.vercel.app/calculator
Now Results component renders all the stats.
Next steps:
1. Make it look nicer
2. Set up database
3. set up authentication

How to use Owl Carousel HTML CSS and Bootstrap with Card item section! youtu.be/pvBDeuG0dfQ via @YouTube

#buildinpublic #challenge #ChatGPT #firebase #100daysofcodechallenge #Python #ux #BlackTechTwitter #BlackTech #codinglife #100Devs #nextjs #nextjs13 #next #react #css #js

Created an email capture form using #nextjs 13.4 with Server Actions.

Validation's working like a charm!

Next up: Connecting it to a database 🔌

Byeee Mailchimp 🙈

#buildinpublic @MoonscapeHQ

#buildinpublic
uber-calculator.vercel.app
Update on my Uber Calculator app.
Made it more responsive and added a state for a few components.
All are built with a new #nextjs app router.
If you are an Uber driver, sign up for the launch.

#nextra looks like a cool option for building documentation websites! Has anyone worked with it? #nextjs #buildinpublic

uber-calculator.vercel.app

Update. On my project. With the help of ChatGPT, I have finally learned how to create and connect next.js API and properly handle status codes on the client side.
I have successfully connected Mailchimp API to handle all subscribers
#nextjs #ChatGPT

I'm still not in love. In fact, I reverted back to the old router, because I bumped into issues with external libs and their limited support... aaaand it slowed me down significantly which is crucial for me right now #buildinpublic #nextjs

The experimental app directory with @nextjs server components, does anyone work with these?

Still a bit confused about why I should them. What is a good user case?

#buildinpublic #nextjs

✅ Pagination component is completed

You can build stunning and responsive websites, landing pages, admin dashboard using 30+ customised component.

#tailwind #nextjs #reactjs #javascript #buildinpublic

uilaunch.com

4 days streak

Just the beginning 🔥

#buildinpublic #nextjs