#Vercel
Explore tagged Tumblr posts
Text
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
. âą â . ° .⹠°:. *â ° . â . âą â . ° .⹠°:. *â ° . â . âą â . ° .⹠°:. *â ° . â
. âą â . ° .⹠°:. *â ° . â . âą â . ° .⹠°:. *â ° . â . âą â . ° .⹠°:. *â ° . â
#codeblr#progblr#programming#tech#coding#resources#frontend#comp sci#studyblr#aesthetic#100daysofcode#Day 6#vercel#nextjs#javascript#reactjs
119 notes
·
View notes
Text
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âŠ
#anĂĄlisis de rendimiento#API#aplicaciones web#CDN#CI/CD#colaboraciĂłn#desarrollo web#despliegue#despliegue instantĂĄneo#Edge Functions#frontend#gestiĂłn de proyectos#Git#imĂĄgenes optimizadas#infraestructura#JAMstack#minificaciĂłn.#Netlify#Next.js#optimizaciĂłn#performance#pre-rendering#SEO#serverless#Vercel
2 notes
·
View notes
Text
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
3 notes
·
View notes
Text
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
#codeblr#progblr#full stack web development#webdevelopment#stickers#women in stem#student#studyblr#balkan#vercel#nextjs#mysql#reactjs#computer science#comp sci
3 notes
·
View notes
Text
0 notes
Text
0 notes
Text
How to Add a Custom Domain on Vercel
0 notes
Text
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).
#MERNStack#AWS#Vercel#Deployment#FullStackDevelopment#WebDevelopment#NodeJS#MongoDB#ExpressJS#React#AWSDeployment#VercelDeployment#CloudHosting#CloudComputing#WebAppDeployment#DevOps#CI/CD#Serverless#Heroku#AWSAmplify#FrontendDevelopment#BackendDevelopment#AppDeployment#ReactApp#MongoDBIntegration#MERNApp#DeploymentGuide#AWSHosting#VercelHosting#WebAppHosting
0 notes
Text
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,âŠ
View On WordPress
0 notes
Link
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/
0 notes
Text
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.
youtube
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!
#webdevelopment#webdev#software#engineering#dev#devblog#react#js#javascript#nextjs#vercel#programming#coding#Youtube
0 notes
Text
#vercelvsnetlifyvsheroku#vercelvsnetlifyvsherokuvsrender#vercel#vercelpriceandplans#netlify#netlifypriceandplans#heroku#herokupriceandplans#render#renderpriceandplans#serverless#serverless2024#serverlessecosystem#serverlessecosystem2024#bestandfreein2024#bestandfree#mern#nodejs#freelancer#muslimahmad#muslimahmadkhan#muslimahmed
0 notes
Text
GitHub universe
vm.tiktok.com/ZMr6uUuRo/
View On WordPress
#youss45#AI#AWS#blog#code#dev#english#france#github#hiphop#indeed#israel#ksu#maroc#mental-health#morocco#music#Non classé#NPM#oracle#quran#skyh2o#society#technology#ubuntu#Vercel#water#writing#youtube#[O Muhammad]
0 notes
Text
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âŠ

View On WordPress
#AWS#Azure CI/CD build Pipeline#cicd#deployment#development#Github#Google#Pipeline#Pipelines#Repository#software#vercel#Windows
0 notes
Text
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 đ
#Thank you Vercel for automatically making all nextJS links preload#So loading the gallery counts as like 50 page loads because of all the hydrants#I fixed it now but whoops#rookie mistake with nextJS I guess#maybe get good Day
20 notes
·
View notes