#reactjs or nextjs

[kitkatcodes]

100 Days of Code - Day 6 ・゜゜・．

✧*6/28/2023*✧

finally added a much wanted feature to my todo app! ( ◡̀_◡́)ᕤ

!!!saving tasks in local storage!!!

⁽ᴵ ᵃˡˢᵒ ᵃᵈᵈᵉᵈ ᵃⁿ ᵃᵈᵈ ᵗᵃˢᵏ ᵇᵘᵗᵗᵒⁿ ᵇᵘᵗ ᵗʰᵃᵗˢ ⁿᵒᵗ ᵃˢ ⁱᵐᵖᵒʳᵗᵃⁿᵗ⁾

so when you refresh or close the page and come back to it your tasks still stay there wooooo ৻( •̀ ᗜ •́ ৻)

it still looks absolutely terrible but its one step forward!!

next steps/future features:

✧ delete task button ✧ rearrange tasks

. • ☆ . ° .• ��:. *₊ ° . ☆ . • ☆ . ° .• °:. *₊ ° . ☆ . • ☆ . ° .• °:. *₊ ° . ☆

. • ☆ . ° .• °:. *₊ ° . ☆ . • ☆ . ° .• °:. *₊ ° . ☆ . • ☆ . ° .• °:. *₊ ° . ☆

[blackjackkent]

Livecoding on Twitch!

Time to spend another Sunday afternoon coding! I'm doing some more work on a NextJS migration of the RPThreadTracker app; today we're figuring out more of the auth flow. Come hang out and say hi, bring some questions, or just chill and chat!

I offer free software development tutoring for new devs and pro-bono web development services for organizations working for progressive change. Visit http://www.blackjack-software.com/about for more information or ask me about it in my Twitch chat!

[mydevdiary]

Svelte Basics: First Component

I'm going through the Svelte tutorial since it's very comprehensive and up-to-date.

I'm going on a bit of a tangent before I start this post, but I'm straying away from YouTube videos and Udemy courses when learning new programming languages and frameworks. YouTube videos are too fragmented to get good information from. Courses (and YouTube videos) are usually not up-to-date, rendering parts of them useless. Not to mention that you have to pay for free information that's packaged in a course, which is kind of scummy.

Anyway, I've gotten quite a bit further than just the introduction section of Svelte basics, but I don't want to overload myself (or readers) with information.

My First Svelte Component:

This section was relatively straightforward. There wasn't much new information, but I was hooked because of its simplicity. I personally love the idea of having the script tags be a place to define variables and attributes:

<script> let var = "a variable!" </script>

<p>I'm {var}</p>

The example above shows how dynamic attributes are used. I can basically define any variable (and states, but that'll be for the next post) between the script tags that can be used in HTML.

This may seem mundane to programmers experienced in Svelte, but I think it gives really good insight into the philosophy behind Svelte. It's clear that they wanted to keep the language simple and easy to use, and I appreciate that.

As I mentioned in my introductory post, I have a background in React, which has a reputation for being convoluted. Well, maybe that's just my perception, but how Svelte is written is a breath of fresh air!

I look forward to making more posts about what I learn and my attempts at understanding it.

Until next time!

[themesflat]

-Is your IT service website too slow? 🤔

🚀 Power Up Your IT Services Website with #innovationTechbe! 🚀

Techbe – the premier React & NextJS template crafted for IT services and technology businesses.

🔹 Cutting-edge design 🔹 Fast and responsive performance 🔹 Effortless customization

Transform your tech business and captivate your audience with Techbe. Ready to lead the future? 🌟

See Demo & Download : https://1.envato.market/anyBYq

[koshekdev]

Smol project update - online photo editor with drag'n'drop stickers

It's actually a huge update, for the first time ever I managed to deploy a full stack web application 🎉but I'm still too tired to make a bigger post about it, I'll try to make it next week tho :D The only thing I will do for my web app before submitting (as it is actually my bachelor thesis project) is solve the image storing problem. I have no idea how to store images in mySql database yet, but I will try to do that with uploadthing (you can check out https://docs.uploadthing.com/ if you want to know more, but as far I as understand it should return you an URL when posting a pic, and you can then store that URL in your mySql db? We will see XD) For the deployment I used vercel and planetscale. Here is a lil teaser of the deployed project, I will share the link when it's done ;) pic of my queen @izzzyzzz because when I was browsing pics for this little presentation I've seen this thumbnail of hers' I took for look inspo lol and it was just perfect

[devcoder2]

Coming soon...

[themepure]

Bhume - Real Estate React NextJs Template

Preview Demo What do you think—pretty cool, right? React Love if you like it, and don’t hesitate to drop your thoughts in the comments— I’d love to hear your feedback. ✌️ Have an idea in mind? We’re open for new projects! Let’s contact now

[awkwardshadowyspire]

I have a creative imagination, but it’s not artsy—it’s practical. I can imagine solutions to problems, big or small, but if I try to imagine something “pretty” or “artistic,” I always fall short.

I’m making a web app, for myself, to solve a problem I experience. The backend is basically done and works exactly how I want it to, but if I want to offer it to friends/colleagues (or to the general public), it’ll need a front-end that is more than the bare bones of html.

I know the solution to the problem I have is to hire someone who is proficient in graphic design to help me design the front end, but I’m broke and stubbornly self-sufficient. However, I don’t know if it’s possible to teach me to be more artsy. 

[rwinfotechpvt]

Discover why RW Infotech is recognized as the Best Next.js development company in USA for high-performance e-commerce solutions. Learn what makes Next.js ideal for modern online stores and how our team builds scalable, SEO-friendly, and conversion-driven platforms tailored for the U.S. market.

[amigoways]

🚀 Happy International Technology Day 2025! 🌐

Today, we celebrate the innovations that drive the digital world forward. From AI to VR, Python to Magento — technology powers our present and shapes our future. 💡👩‍💻👨‍💻

At Amigoways Technologies, we embrace tech evolution to deliver cutting-edge solutions that transform businesses and empower growth.

🔧 Let's build the future, one code at a time!

[asadmukhtarr]

In today’s web development world, Search Engine Optimization (SEO) is crucial for the success of any website. For React developers, SEO can be a challenge because React is a client-side JavaScript framework, meaning that the content is rendered dynamically on the client side. This can pose problems for search engine bots that may not fully execute JavaScript or render the content properly.

To solve this, Server-Side Rendering (SSR) has become an essential approach. SSR allows web pages to be pre-rendered on the server, providing search engines with HTML content that can be easily indexed.

In this guide, we will walk you through the process of setting up SSR in React using Next.js, a powerful framework built on top of React. By the end, you'll understand how SSR works in Next.js and how it helps improve SEO.

[techstuff19]

7 Steps for Migrating an Existing React Project to Next.js – A Comprehensive Guide

Thinking about upgrading your React project? Learn the 7 essential steps for Migrate React to Next.js project to enhance performance, SEO, and scalability. This guide covers key strategies, potential challenges, and best practices for a smooth transition to Next.js.

[themesflat]

Zingbox – Wind & Solar Energy React Next.js Template

🌞 Power up your eco-energy site with Zingbox! 🍃 This React + Next.js template offers a clean, SEO-optimized design for wind & solar projects. Sustainable style!

✨ Why Zingbox? ✅ Minimal, eco-inspired UI ✅ SEO-friendly & fast-loading ✅ Fully responsive design ✅ Pre-built layouts for all pages

🎯 Live Demo: 1.envato.market/3JyvQM

Zingbox – modern, professional, and eco-friendly – just like the future of sustainable energy. Build your next renewable energy website the smart way, starting today!