Web Development

4922 readers
39 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago
MODERATORS
101
 
 

I'm trying to make my first API with an accompanying website, and I'm using tutorials. I decided the MERN stack was the way to go, since it seemed popular and easy.

I have some experience with SQL itself, but have never connected a database to an actual application.

So I got to the point of making my database in mongoDB when I saw some stuff about how mySQL is more secure than noSQL, and how noSQL has some disadvantages.

The api/website I'm making is just a pet project, but if it ever does become popular, would I have to move my databases? Or is this a "cross that bridge if/when I get there" situation?

Alternatively can I have the same database in multiple places at once? As in, bot mySQL and noSQL?

102
 
 

Next time I start a new web app development I might try MariaDB Cloud with "Serverless tier is free forever for experimenting and small development projects"

103
104
 
 

DataViz Kit is on a mission to democratize data visualization. We provide a comprehensive suite of powerful, free, and easy-to-use tools that empower anyone—from students to professionals—to transform raw data into beautiful, insightful charts and graphs. No coding required, just clarity and impact.

105
 
 

DataViz Kit is on a mission to democratize data visualization. We provide a comprehensive suite of powerful, free, and easy-to-use tools that empower anyone—from students to professionals—to transform raw data into beautiful, insightful charts and graphs. No coding required, just clarity and impact.

106
107
108
 
 

An overview of what makes modern CSS so awesome.

109
 
 

cross-posted from: https://leminal.space/post/24911246

I'll be self-hosting a service with user submissions soon, so I'm worried about the https://howto.geoblockthe.uk/ situation.

Based on this I've wondered, are there any community maintained geo block lists that might be useful? All database options I found are either 1. an on-demand online service which seems questionable for privacy reasons, or 2. IPv4 only, or 3. have weird terms of use with a gag clause regarding the entire company making it and other weird stuff.

I'm not a fan of geo blocking in general, but the situation is what it is.

PS: Please don't discuss the Online Safety Act itself too much in the comments, or whether somebody should be using a geo ip to handle this. While I might appreciate useful input on that, I'm hoping this post can remain a resource for those who are looking for such a database for other reasons as well.

110
 
 

A good link list of sources to keep up to date with css/html/js standards. Isn't really a big find, still cool nonetheless.

Maybe somebody here as other sources to add.

111
112
113
11
submitted 4 months ago* (last edited 4 months ago) by Rick_C137@programming.dev to c/webdev@programming.dev
 
 

Hi,

I have this rule in my nginx config file

	location ~* \/(fileA.txt|fileB.txt)$ {
		return 404 'nothing here';
	}

but it's not working

but

	location /fileA.txt {
		return 404 'nothing here';
	}

~~is working....~~

Any idea what's wrong ?

Thanks.

114
115
 
 

Hey hey, I have a static hugo web site online, for me personally, on a free netlify account. It's extremely low traffic and currently the only way to interact with me via that site is to submit a contact form.

I am considering my options for making the site more interactive. I am concerned about the cost mostly - I have no budget or maybe could spend a very small amount - and the privacy of the data people might provide.

I've done some searching and see the options out there -- disqus has no privacy, commentbox.io seems OK -- but I am curious how you all solve this / what you recommend for someone with my very low-end requirements. Thanks for sharing what works for you.

116
 
 

More precisely, GitHub Pages to Codeberg + statichost.eu, not Codeberg Pages.

117
 
 

cross-posted from: https://lemmy.world/post/33814221

Hey all! Got something I'd appreciate your opinions on in regards to the tech stack I'm planning to use:

The Main Question

The web app in question is a sort of project-management tool. Broadly, users will need to be able to:

  • log in
  • create and manage (e.g. update text content of/delete) "goals"
  • assign "goals" to "years" or "quarters" (give "goals" end dates).
  • view "goals" by status e.g. "completed", "not started", "finished"
  • create and manage (e.g. update text content of/delete) "items"
  • arrange "items" into "lists"
  • add "items" to "goals"
  • carry out "process reviews" in which they can check off or add "goals" that they've achieved that week/month.

In your opinion, is a MERN stack right for this? A web app that focuses heavily on user interactivity, with a lot of reusable components in the front end (I designed with that in mind). Would PERN be better? Would a totally different stack be your choice?

Some context - skip if not interested

I've worked full time in web for over a decade, but mostly focused on PHP. I've built some stuff in React but am not particularly experienced with it.

I've recently become dissatisfied with my role, and want to move into something a little different (and with a bit of a nicer paycheck to boot!). I've become interested in React agan.

With that in mind, I've made contact with somebody who was conveniently in need of something developing, but not urgently.

I've communicated that I'll not promise anything and won't take money for the work, but can walk through a wireframe/design/development process with them for free as part of upskilling on my side, and that I'm happy to provide support if they choose to reach out to an agency for development at any point on their side (just making sure all my cards are on the table, I'm not overpromising, taking money for a project I can't deliver, or in any way deceiving them of course).

I've done similar before for projects I'm interested in so all good. We're in good spirits and the work has gone well so far.

Thank you! Apologies if this isn't the right place to post something like this 🙏

118
 
 

Is there a cursor for vscode?
or what extension is comparable?

the thing is -> I cant use cursor becaus I use code server: https://github.com/coder/code-server for coding, so I cannot use cursor.

119
 
 

is there a go to stock photography site that is free of anything ai? i remember using istock back in the day but, like everything in the modern web, it seems to be infested with ai slop.

120
 
 

AI tools are great at generating frontend code, but they still fail at backend.

Manifest gives you a complete backend you can generate, edit, and ship directly from your AI coding environment.

You write one simple YAML file to get a complete backend with data, storage, logic and an admin panel.

  • You stay in your AI editor. No drag-and-drop UI, no back-and-forth.
  • The file is easy to read and edit, whether it’s written by a developer or an LLM.
  • The result is consistent, clean, and ready for production.

How it works

Manifest is built on a concise set of clear and composable concepts, allowing you to generate backend code quickly and keep it easy to read and maintain.

Whether the backend is generated by an AI or written by hand, it stays clear, well-structured, and ready for production.

The built-in features cover everything you need to create secure, reliable, and ready-to-use backends.

121
 
 

For past years I've been working as a JavaScript/typescript developer who make websites, I've worked as an internee and a full type employee during my education but now I'm unemployed, I see less job openings for MERN, NEXT js developers and at this point I'm unemployed for past 2 months, I'm starting to think that I've made a mistake and I should have invested my time leaning pythons, and becoming an AI engineer or data scientist, Is there a way out?

122
123
 
 

cross-posted from: https://programming.dev/post/34280775

Hi,

I've recently installed FreeNginx[^FN]

I would like to use the geoip_module to have some "Stats" about my visitors..\

on the documentation we can read:

... using the precompiled MaxMind databases ...

.
.
.

But on the MaxMind website I'm facing a wall:

Sorry, we were not able to create your account. Please ensure that you are using an email that is not disposable, and that you are not connecting via a proxy or VPN.

So not working... And anyway I'm not a fan of using something compiled and more over not open source...

So do you know another solution to get GeoIP data with FreeNginx ?

Thanks.

[^FN]: https://freenginx.org/
https://programming.dev/post/12566209?sort=Old

124
 
 

im working on a webapp and im being creative on the approach. it might be considered over-complicated (because it is), but im just trying something out. its entirely possible this approach wont work long term. i see it as there is one-way-to-find-out. i dont reccomend this approach. just sharing what im trying/investigating.

how it will be architected: https://positive-intentions.com/blog/decentralised-architecture

some benefits of the approach: https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure

i find that module federation and microfronends to generally be discouraged when i see posts, but it i think it works for me in my approach. im optimisic about the approach and the benefits and so i wanted to share details.

when i serve the federated modules, i can also host the storybook statics so i think this could be a good way to document the modules in isolation.

cryptography modules - https://cryptography.positive-intentions.com/?path=%2Fdocs%2Fcryptography-introduction--docs

p2p framework - https://p2p.positive-intentions.com/?path=%2Fdocs%2Fe2e-tests-connectionstatus--docs

this way, i can create microfrontends that consume these modules. i can then share the functionality between apps. the following apps are using a different codebase from each other (there is a distinction between these apps in open and close source). sharing those dependencies could help make it easier to roll out updates to core mechanics.

p2p chat - https://chat.positive-intentions.com/

p2p file transfer - https://file.positive-intentions.com/

the functionality also works when i create an android build with Tauri. this could also lead to it being easier to create new apps that could use the modules created.

im sure there will be some distinct test/maintainance overhead, but depending on how its architected i think it could work and make it easier to improve on the current implementation.

everything about the project is far from finished. it could be see as this is a complicated way to do what npm does, but i think this approach allows for a greater flexibility by being able to separating open and close source code for the web. (of course as javascript, it will always be "source code available". especially in the age of AI, im sure its possible to reverse-engineer it like never before.)

125
 
 

Just moved my blog from wordpress to Pelican. I was pissed of by the wysiwyg interface and was looking for simple markdown based blog engine.

Pelican is great and easily customisable with theme. It can also be deployed on a gitlab/github/codberg/whatever page (next step 😋)

view more: ‹ prev next ›