#Vercel

[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

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

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

[josegremarquez]

Vercel: Tu escaparate al mundo para aplicaciones web

¿Qué es Vercel y por qué deberías usarlo? Vercel es una plataforma de desarrollo y despliegue que ha revolucionado la forma en que los desarrolladores comparten sus aplicaciones web. Pensada para ofrecer una experiencia de desarrollo fluida y un despliegue instantáneo, Vercel se ha convertido en una herramienta indispensable para muchos desarrolladores frontend. Como bien has mencionado, Vercel…

[guzsdaily]

Experiment Go, going well

Day 197 - May 20th, 12.024

The experiment of using Vercel to deploy a Go is going well. I found a way to "convert" the Go project into something that Vercel's uses, using Go itself to create the CLI/Command to make said conversion/build. It's a new experience doing a project in this language, since it has a different structure from any other that I tried, and it's kinda powerful, not gonna lie. You can have CLIs, servers, internal tools, all in one project, it is almost like creating your own tiny-framework for that project.

If you are interested in following the experiment and reading the code, here it is the GitHub draft pull request: https://github.com/dot013/.www-new/pull/1. Remember that it is an experiment, and I'm not caring about code quality and scalability for now, I just want to know if it works. I can always refactor later.

Today's artists & creative things Music: ABRASIVE - by ratatat

© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0

[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

[jblogify]

How to Add a Custom Domain on Vercel

[asadmukhtarr]

Deploying a MERN (MongoDB, Express, React, Node.js) stack application is a crucial step to make your app accessible to users. Choosing the right deployment platform depends on your needs:

AWS (Amazon Web Services) is ideal for scalable, high-performance applications.

Vercel is great for quick and easy deployment, especially for frontend applications.

In this guide, we will walk through deploying a MERN stack application on AWS (using EC2 and S3) and Vercel (for serverless hosting).

[ctrinity]

Why do AI dev apps misbehave and why they rebuild your entire code from scratch?

Why do AI dev apps misbehave and why they rebuild your entire code from scratch? Why do they redesign your whole project just from asking for a tiny change? Obviously, i wouldn’t know this without my bot’s help because i am still a rookie and this is the education i got regarding this very annoying and costly issue: Why AI-Powered Code Generators Regenerate Entire Files: The Case of Bolt,…

[nile-bits]

Deploying Your First React App to Production

Putting your first React application live might be intimidating, particularly if you’ve never done it before. That being said, any developer creating contemporary web apps has to have this ability. With thorough instructions and a ton of code samples, we’ll go over everything you should know in this tutorial to launch a React project. Additionally, we’ll guide you through several deployment techniques utilizing platforms like Vercel, Netlify, GitHub Pages, and more...

Learn more here:

https://www.nilebits.com/blog/2024/09/deploying-react-app-to-production/

[fretzine]

AI, Codewards and more react!

The past week has seen a flurry of new projects come across my desk that I've thoroughly enjoyed building. It's been one of those "give it a try" weeks where I found myself a bit bored and wanting to code as much as possible.

But what to build? Which tech stack do I try? Python? Javascript? Even... rust?

Coding Cup and Kata Challenges

There's the obvious task of learning how to use authentication in Next JS apps which would be very beneficial in work and so I can build some larger scale projects (such as my dog collar finder app - more on that soon!). But, it doesn't really excite me.

So I started to look online and came across this pretty cool idea that University of Sussex have started. It's a coding competition called HackSussex Coding Challenge.

I enjoyed watching other students try and find solutions to coding challenges in only 12 minutes! There were some that I found easy and was able to beat at home, others were a little trickier and it dawned on me that I do NOT know my data structures like the back of my hand. (does anyone?)

I realised that I needed to brush up on those skills, I want to keep on top of it - it would be a shame to forget those important interview skills. A quick google led me to a leetcode alternatice Codewars.

This kata based learning tool is great for me to flex what I know and build on what I don't. I've managed to get through 15 of the easier challenges and aim to do a few a week.

Forekast - The weather app

When browsing the internet for "easy beginner development projects" I realised that I had never built a weather app... And with my improved react skills and the use of some fancy frameworks (lol) I decided that would be a good pursuit.

Let me introduce you all to my weather app, Forekast:

It uses the OpenWeather Free API to pull through weather information based on either the GPS from the mobile device (activated at the top with the location pin) or with a simple postcode search. It works a treat! I ended up ditching the fancy frameworks and went with bootstrap, and yknow what - I actually like how it turned out. I'm no UX designer - don't shoot me!

Using AI to build an image editor

I was scrolling through Twitter when I happened across a rather scary and intriguing video of a man who built an image editing app and deployed it to Vercel within 30 minutes. The AI technology he was using is V0 or v0. This amazing tool, released by Vercel allows users to generate web apps from text prompts - it creates react components and deploys using Next JS and vercel.

I had to give this a go, so decided to do exactly what he did (because I am an original thinker). I used v0 to generate the app below, and I mean it when I say it took less than 5 minutes.

Everything you see above was generated with a number of basic text prompts. You can visit the v0 website here:

v0 by Vercel

A step in the AI direction

It seems everyone has jumped on the AI bandwagon and every dev project has some AI capabilities nowadays. I had yet to delve into this as it seemed daunting, but after a few watches on YouTube of some clever demos and tutorials I decided to give it a go.

I decided to use Chat GPT's Turbo 3.5 AI model and build a pirate AI chat bot that responds as though he is blackbeard the pirate. I thought this was playful and wanted to harness the idea of talking to someone who may be dead or did not exist. I saw a 9 year old girl do this with Harry Potter and it was really good!

It was actually pretty simple to send and retrieve messages from Chat GPT - I thought it was going to be so much harder! This was all done with Vite build React JS.

It's been a busy week, I hope to continue like this and get a few more apps done. I'm hoping to start building more in Next JS over the next few weeks and get that auth figured out.

The plan is to build full stack app that allows users to register their dogs with a profile, some contact information and these profiles will be attached to a QR code. If someone finds their dog they can scan the QR code and they'll be taken to the dog's profile, where they can either send their location via text or give them a call.

I'm hoping this will make a good final year project in University. Not long to go now, only 2 years part time. And I've already done 3 - it's gone so quick!

Happy coding, if you read this thanks - keep up to date by following the blog and get in touch!

[mak1210]

[startexport]

GitHub universe

vm.tiktok.com/ZMr6uUuRo/

[techdirectarchive]

How to connect GitHub and Build a CI/CD Pipeline with Vercel

Gone are the days when it became difficult to deploy your code for real-time changes. The continuous integration and continuous deployment process has put a stop to the previous archaic way of deployment. We now have several platforms that you can use on the bounce to achieve this task easily. One of these platforms is Vercel which can be used to deploy several applications fast. You do not need…

[daylane]

Genuinely, SINCERELY, I'm SO glad people like dayroselane.com/hydrants BUT I didn't expect it to get very much traffic so I didn't really optimize it, and I almost immediately used up the free monthly quota from my web host 😭