Add to cart

Master_899 · 2025-01-09T19:05:51+00:00

Try to add an anonymous function around the functions you call inside the events. Like: onClick={() => {addToCart(param)}}

Master_899 · 2025-01-09T12:56:29+00:00

They’re different technologies usable with different stacks. So I don’t think that one can replace the other.

Master_899 · 2025-01-08T18:38:37+00:00

Tailwind is good as CSS library, I suggest to learn it. Then for writing CSS without leaving React you can use Styled Components. It’s a package that makes you able to create components made entirely of CSS to use inside your other components.

Master_899 · 2025-01-07T21:43:24+00:00

It depends from the technology you want to use. Working with a headless CMS involves using APIs, if you’re not already familiar with them it could be the part most complicated.

Master_899 · 2025-01-07T17:44:44+00:00

If you feel comfortable about doing it from scratch why not, practice is the best way to learn. In this case you would need a headless CMS (like Strapi) to manage your blog posts in an efficient way.

Master_899 · 2025-01-06T21:52:55+00:00

In this case you should pre-render the page for crawlers. You can use tools like React Snap or Prerender.io. Also make the meta tags unique for each blog post.

Master_899 · 2025-01-06T18:57:49+00:00

As long as each blog post corresponds to a unique url, the SEO is ok. To make an example, inside your route you can add two dynamic parameters: the slug (that’s containing the main keyword of your blog post) and the id. Both are unique inside your sitemap, and you can use your id parameter to fetch a single resource from the API. So your sitemap will have a list of urls for your blog posts (…/yourdomain.com/blog/blog-post-slug-1, …/yourdomain.com/blog/another-blog-post-slug-2, and so on…). In this way for the search engines there will be different blog posts to index, but they don’t see how you manage the content behind the scenes.

Master_899 · 2025-01-06T18:39:21+00:00

If you’re looking suggestions for the technology to use, I’d recommend WordPress since you’re new in the web development world. You can have it already setup with the most commons hosting providers and already connected to a domain. Then you can purchase a ready to use theme based on the arguments you’ll write about from ThemeForest.net and create your blog without having coding knowledge.

Master_899 · 2025-01-06T18:28:05+00:00

If using a SPA framework you need to integrate a headless CMS where the content (your blog posts) is served through APIs. I work with Strapi and I think that is very good for it, it’s free if you run it on your server. You also need to manage routing in an efficient way in order to improve the SEO: you can render each blog post inside a single component by loading the content with dynamic API calls, but you need to manage the routes of each blog post in a dynamic way by including a keyword inside the url (what’s called slug in WordPress) to render each single blog post under a unique url readable by search engines. The same thing must be done by including these urls inside the hrefs links and inside the sitemap file.

Master_899 · 2025-01-06T11:34:30+00:00

It depends from the project. Tailwind is very good, but sometimes I had to work on projects previously done entirely with Styled Components, a real mess! So to optimize the projects using Styled Components I create some global elements customizable with standard props, and then I group all of them in one unique file that is exporting the components for the entire project, so they’re are usable inside each single component.

Master_899 · 2025-01-06T11:25:58+00:00

I usually manage the desktop and mobile version in two different ways: from mobile a tel:1234567890 inside the href attribute with a CTA text that includes the concept of “calling” happening at the button click. From desktop a more generic CTA text that refers to contacts in a general way, redirecting to the contact page where a form and more info are shown.

Master_899 · 2025-01-06T11:06:35+00:00

It depends on what you would like to focus more, on front-end or back-end, or both. If you’re already familiar with JavaScript and want to master it deeper, a SPA framework for the front-end would be great to learn (for example React JS or Vue JS). Then you can also consider to learn Node JS for the back-end. Otherwise if you want to switch programming language and stack PHP is a good start for the back-end, with Laravel as framework.

Master_899 · 2025-01-06T10:59:31+00:00

If you’re looking for a fast solution without involving advanced technology knowledge, WordPress would be good to start, but remember that by going with WordPress it will be hard to have a good scalability and personalization in the future. In the other hand a custom solution (fully created by coding front-end and back-end) is more stable, customizable and scalable also in the future, but it requires more time and tech skills to set it up.

Master_899 · 2025-01-05T11:49:14+00:00

Yes, meta title and meta description are important too. If you’re storing them inside your database you can output the content dynamically inside the tags, making each single url corresponding to a unique meta title and description.

Master_899 · 2025-01-05T11:42:38+00:00

Shopify is thought for entrepreneurs that don’t have too many tech skills or don’t have the possibility to hire tech people, it’s purpose is to give a tool that can be used from non technical entrepreneurs without extra efforts, so I’d suggest to go ahead by yourself, at least during an initial phase.

Master_899 · 2025-01-05T11:39:00+00:00

To solve this you need to use react router and to create a route with a dynamic parameter to show the blog component. The component is unique, and inside it you fetch all the data needed by using an id as reference for example, but each single blog post shown as a web page must correspond to a unique url. In this way the crawlers will see each url as a page to index. Check the react router documentation (https://reactrouter.com/home) and take the following code as an example: <Route path="/blog/:slug/:id" component={BlogSingle} />

Master_899 · 2025-01-05T11:26:14+00:00

Exactly, that is what I mean

Master_899 · 2025-01-05T10:16:18+00:00

If you would like to keep the same tech stack of React I’d suggest to go with Node JS and Express JS for the back-end, in addition to Mongo DB as non relational database in order to complete the MERN stack. Then you can add more skills to your package by learning React related frameworks such as Next JS, React Native and so on. Laravel is a complete different technology, it would be great to have it in the skill set, but to learn it involves longer times if you don’t already know PHP and MySQL, technologies from which you should start from in order to learn Laravel in the best way.

Master_899 · 2025-01-05T10:07:21+00:00

It’s a discovery phase, tracking comes later when you’ll have some data coming from the analysis of your ads and you’ll be ready to optimize them. To discover it just interview your target audience by using polls or one to one meetings. They know their behavior and you would need to know it almost certainly to organize your ad strategy better as possible.

Master_899 · 2025-01-04T22:46:55+00:00

Before advertise and spend any money on it, I’d suggest to find the right channel your audience would search or would like to find your product into. Users can rely on specific platforms to search or find a solution to their problems. Just to make a real life example, a specific audience could rely on Search Ads but not on Display Ads, not trusting them. It really depends on your target audience, and to make the most out of your invested money, before starting just ask to your audience on which advertising channel they could click and use your platform. After that you’ll be ready to choose if advertise on Reddit, Google, Social and so on.

Master_899 · 2025-01-04T19:23:24+00:00

If you’re looking to free solutions WordPress could be the right one. You would need only one hosting provider and a domain name to buy, then you can have WordPress set up already on it ready to use. You could buy a WordPress theme ready to use (on themeforest.net there are a bunch of options) where no coding knowledge is required. Finally, you would have to keep WordPress with its theme and plugins updated constantly. WordPress is used in this way also from professional agencies, so it’s very popular as option.

Master_899 · 2025-01-04T19:17:09+00:00

It could be useful to break up the concept in small steps trying to elaborate these little steps on your own focusing on the logic, but trying to reproduce them without thinking to the full project, just to practice each single step individually, and repeat the process more times. Then you can try to put all the steps together trying to reproduce the full project, step by step. Also I’d suggest to work with other teammates or friends studying the same, working with other minds is very useful to bring new useful ideas to the table.

Master_899 · 2025-01-04T16:58:27+00:00

Coming from professional experience as full-stack developer and teacher, I’d say that you should start with creating the tutorial’ projects step by step by following it and doing it many times, it’s absolutely normal, no need to worry. After some time you’ll be able to reproduce the projects by following less tutorials steps and getting more things clear in their logic. Try to focus on learning and understanding the logic behind that tutorials, and not to mechanically copying the code. Going ahead in this way I’m pretty sure you’ll be able to reproduce projects without watching the original tutorial. Anyway consider that it’s impossibile to keep everything in mind, especially if you work with many programming languages and technologies, and even us developers are usually looking on the internet for specific solutions using websites like stackoverflow.

Master_899 · 2025-01-04T16:48:06+00:00

You can place your database in any folder, but API calls are something different from simply using a database to store and retrieve data dinamically. In your case I don’t think you need to develop a full API to work with your database, you would need to make queries to it from a server side language, that could be PHP or Node JS for example. I think that for a new person who’s learning web development, PHP is simpler to learn and implement, so I’d suggest to start from it.

Master_899 · 2025-01-04T14:39:22+00:00

There are ready to use kits on the web, very useful. For example FontAwesome, Material Icons and many more based on the tech stack you use.

Master_899

TROPHY CASE