Forwarded from Theodore Discovery ∆
Just tried Next.js 15, and I’m happy 😊.
UPGRADING
For my big project, there were some issues upgrading, but for my smaller project, I went from Next 13 to 15 with zero problems.
DEV SERVER
The dev server improvements with Turbo are insane. hot reload is now 40-70% faster(it's not as fast as vite), making the dev experience feel way smoother.
I’ve some plans to test others new features too. This is just what I noticed right away; I’ll share more cool stuff as I keep exploring!
UPGRADING
For my big project, there were some issues upgrading, but for my smaller project, I went from Next 13 to 15 with zero problems.
DEV SERVER
The dev server improvements with Turbo are insane. hot reload is now 40-70% faster(it's not as fast as vite), making the dev experience feel way smoother.
I’ve some plans to test others new features too. This is just what I noticed right away; I’ll share more cool stuff as I keep exploring!
Forwarded from The Blogrammer
Dagmawi Babi
If you're very new to this channel you can click on this tag and discover a ton of incredible projects the tech community built here. It's very fascinating. ✨ #CommunityShowcase ✨ Currently at 142 and still counting. It'd be cool if someone compiled these…
Introducing Built
Inspired by this post by @Dagmawibabi! As he said, there are a ton of incredible projects made by the tech community here so why not make a platform to get them all in one place?
Built is a place to post your projects, get likes and comments, and be recognized by fellow developers. No matter how small or complex your project is, built is the place for you!
Link: https://built-iota.vercel.app/
Github: https://github.com/Manuel-heav/built (Stars are appreciated ❤️)
Tech Stack
Next.js 14 – For Front-End
Hono.js – Lightweight Backend Framework
Supabase + PostgreSQL – For Database
Better-Auth – Smooth and Secure Authentication
#Built
@the_blogrammer
Inspired by this post by @Dagmawibabi! As he said, there are a ton of incredible projects made by the tech community here so why not make a platform to get them all in one place?
Built is a place to post your projects, get likes and comments, and be recognized by fellow developers. No matter how small or complex your project is, built is the place for you!
Link: https://built-iota.vercel.app/
Github: https://github.com/Manuel-heav/built (Stars are appreciated ❤️)
Tech Stack
Next.js 14 – For Front-End
Hono.js – Lightweight Backend Framework
Supabase + PostgreSQL – For Database
Better-Auth – Smooth and Secure Authentication
#Built
@the_blogrammer
👍1🔥1
Forwarded from Beka (Beka)
This media is not supported in your browser
VIEW IN TELEGRAM
better auth reached 3k stars ❤️
Beka
better auth reached 3k stars ❤️
Better auth is really awesome open source auth library owned by bereket engda
GitHub
Bekacru - Overview
Author of @better-auth and other open source libraries. - Bekacru
🔥1
Forwarded from Josad Software Jobs
Got an amazing project, app, website, final year project, side hustle, or even an impressive portfolio that deserves the spotlight? What are you waiting for? Hit us up via @josad_feedback_bot!
Send us the following info:
* Full name:
* A link to your site/app or GitHub repo:
* Summary of the project(with features it offers):
* The tech stack used:
* Whether it was done individually or with a team:
* Your Telegram username:
* Type of the project:
__________________
And don't forget, share this with your friends! 😌
@josad_software
Send us the following info:
* Full name:
* A link to your site/app or GitHub repo:
* Summary of the project(with features it offers):
* The tech stack used:
* Whether it was done individually or with a team:
* Your Telegram username:
* Type of the project:
__________________
And don't forget, share this with your friends! 😌
@josad_software
Which command is correct to install next app
Anonymous Quiz
21%
npm create-next-app@latest
64%
npx create-next-app@latest
10%
npm next-app@latest init
5%
npm create-next-app/@latest
React Context API Explained with Examples
https://www.freecodecamp.org/news/react-context-api-explained-with-examples/
https://www.freecodecamp.org/news/react-context-api-explained-with-examples/
freeCodeCamp.org
React Context API Explained with Examples
Managing state has always been a critical aspect of making web applications with React. The most basic way to do this is prop drilling. In prop drilling, you pass props around from the parent component to other components that need it, no matter how ...
Forwarded from ጉጉት's Journey (Freab)
https://www.uifonts.app/?primaryFont=Domine&secondaryFont=Noto+Sans+JP
you can test and preview fonts in real-time to find the ideal typeface for any design project using this
you can test and preview fonts in real-time to find the ideal typeface for any design project using this
Forwarded from Code Tactics
10 Useful Websites/Tools for Developers(#part 3)
- CSS-Tricks
A comprehensive resource for CSS techniques, tips, and tutorials.
Link: https://css-tricks.com
- Smashing Magazine
Offers articles, books, and resources on web design and development best practices.
Link: https://www.smashingmagazine.com
- JSONGrid
An all-in-one solution for formatting, validating, and viewing JSON data easily.
Link: https://jsongrid.com/
- Transfonter
A tool that generates @font-face CSS and converts fonts into multiple formats like WOFF and SVG.
Link: https://transfonter.org/
- EchoAPI
Enhances development speed and efficiency by providing streamlined API solutions.
Link: https://echoapi.com/
- PageSpeed Insights
Google's tool for analyzing and optimizing website performance across devices.
Link: https://developers.google.com/speed/pagespeed/insights/
- Responsively
A tool for previewing responsive designs on multiple devices simultaneously.
Link: https://responsively.app
- CodePen
An online code editor and social development environment for front-end designers and developers.
Link: https://codepen.io
- TW Elements
A collection of Tailwind CSS components based on Bootstrap's design principles.
Link: https://tw-elements.com
- Patterns Dev
Stay updated on the latest design patterns and performance optimization techniques in web development.
Link: https://www.patterns.dev
🎖JOIN & SHARE: @CODETACTICS
Tags: #tools #developers #best_tools #css #css_tricks #smashingmagazine #jsongrid #transfonter #echoapi #pagespeed #insights #responsively #codepen #tw_elements #patterns #uiux #free #resources #part_3
- CSS-Tricks
A comprehensive resource for CSS techniques, tips, and tutorials.
Link: https://css-tricks.com
- Smashing Magazine
Offers articles, books, and resources on web design and development best practices.
Link: https://www.smashingmagazine.com
- JSONGrid
An all-in-one solution for formatting, validating, and viewing JSON data easily.
Link: https://jsongrid.com/
- Transfonter
A tool that generates @font-face CSS and converts fonts into multiple formats like WOFF and SVG.
Link: https://transfonter.org/
- EchoAPI
Enhances development speed and efficiency by providing streamlined API solutions.
Link: https://echoapi.com/
- PageSpeed Insights
Google's tool for analyzing and optimizing website performance across devices.
Link: https://developers.google.com/speed/pagespeed/insights/
- Responsively
A tool for previewing responsive designs on multiple devices simultaneously.
Link: https://responsively.app
- CodePen
An online code editor and social development environment for front-end designers and developers.
Link: https://codepen.io
- TW Elements
A collection of Tailwind CSS components based on Bootstrap's design principles.
Link: https://tw-elements.com
- Patterns Dev
Stay updated on the latest design patterns and performance optimization techniques in web development.
Link: https://www.patterns.dev
🎖JOIN & SHARE: @CODETACTICS
Tags: #tools #developers #best_tools #css #css_tricks #smashingmagazine #jsongrid #transfonter #echoapi #pagespeed #insights #responsively #codepen #tw_elements #patterns #uiux #free #resources #part_3
https://built.codenight.et/project/c9b0c9fb-87c4-422d-804f-05ebb5f631f3
built is amazing platform for all ethiopian developers to show our project.
post your working project and join the community. no matter how its small.
built is amazing platform for all ethiopian developers to show our project.
post your working project and join the community. no matter how its small.
built.codenight.et
Built | Projects for developers
Where you find all the best projects
Forwarded from Yonas.dev 🦄
🌐 Path to Becoming a Web Development Pro 🚀
Becoming a web pro takes a strategic approach and dedicated practice. Here are my top steps to mastering web development from the ground up:
1- Master the Basics 🛠
Start with HTML, CSS, and JavaScript. Focus on creating simple, responsive pages. These are your building blocks for everything ahead.
2- Get Comfortable with Version Control 🔄
Learn Git and GitHub to manage your code efficiently. Version control is key when working with teams or contributing to open-source.
3- Dive into Advanced JavaScript 🔍
Once the basics feel solid, explore ES6+, asynchronous programming, and popular frameworks like React or Vue. JavaScript will unlock powerful, dynamic features on the web.
4- Understand Back-End Basics ⚙️
Learn a server-side language (like Node.js with Express) and get familiar with databases (MySQL, MongoDB). This knowledge will make you a versatile, full-stack developer.
5- Build, Build, Build 🔨
Projects are where you’ll apply your skills. Try cloning popular websites, building an e-commerce platform, or creating an interactive portfolio site.
6- Work with Real-World APIs 🌐
Get hands-on with APIs—integrate them into your projects. Whether it’s a weather app or a payment gateway, understanding APIs will help you build real-world applications.
7- Deploy Your Work ☁️
Learn about hosting and deployment. Push your projects live using services like GitHub Pages, Vercel, or Netlify. Seeing your work online is a great motivator!
Stay Consistent 📅
Set aside daily or weekly time for coding and learning new skills. Follow tutorials, read documentation, and join developer communities to stay updated.
Remember, web development is all about continuous improvement and learning from real projects. Keep challenging yourself, and you’ll see progress in no time! 💪
Happy Coding! 😎
Becoming a web pro takes a strategic approach and dedicated practice. Here are my top steps to mastering web development from the ground up:
1- Master the Basics 🛠
Start with HTML, CSS, and JavaScript. Focus on creating simple, responsive pages. These are your building blocks for everything ahead.
2- Get Comfortable with Version Control 🔄
Learn Git and GitHub to manage your code efficiently. Version control is key when working with teams or contributing to open-source.
3- Dive into Advanced JavaScript 🔍
Once the basics feel solid, explore ES6+, asynchronous programming, and popular frameworks like React or Vue. JavaScript will unlock powerful, dynamic features on the web.
4- Understand Back-End Basics ⚙️
Learn a server-side language (like Node.js with Express) and get familiar with databases (MySQL, MongoDB). This knowledge will make you a versatile, full-stack developer.
5- Build, Build, Build 🔨
Projects are where you’ll apply your skills. Try cloning popular websites, building an e-commerce platform, or creating an interactive portfolio site.
6- Work with Real-World APIs 🌐
Get hands-on with APIs—integrate them into your projects. Whether it’s a weather app or a payment gateway, understanding APIs will help you build real-world applications.
7- Deploy Your Work ☁️
Learn about hosting and deployment. Push your projects live using services like GitHub Pages, Vercel, or Netlify. Seeing your work online is a great motivator!
Stay Consistent 📅
Set aside daily or weekly time for coding and learning new skills. Follow tutorials, read documentation, and join developer communities to stay updated.
Remember, web development is all about continuous improvement and learning from real projects. Keep challenging yourself, and you’ll see progress in no time! 💪
Happy Coding! 😎