Vinu Joy

So, actually, uh, hi. Message. So I'm a from developer with, uh, 5 years of experience in, uh, web developer. So throughout my career, I have worked on various projects which includes software solutions for CMS engine division, which actually sound like 20% increase in the, uh, efficiency and because it's rushing that at the same time. So other than that, I have specialized in React and, and I'm also learning Gatsby JS. And I also have do have experience on global street management libraries like Redux. And also, I have a experience in styling libraries like and, uh, tailing CSS.

So, uh, when coming to this particular point, like, uh, experience with the seamless platforms like Story, Block, WordPress, Macintosh, and Shopify, actually, I do have experience with the WordPress since on my initial career. I was working a company called Alignment Technology. So over there, uh, the website for this particular company was built by me. So initially, uh, I build this application with HTML and CSS, and then I uploaded this HTML CSS code to WebFirst and, uh, this particular, um, website since, uh, at that time, React was not that much SEO friendly. Uh, actually, I even I worked on the I worked with WordPress and actually implemented this particular HTML and CSS code to WordPress and, uh, upload it. Yeah. So I do have experience with WordPress, but, uh, not with Storyblock, MacInto, or Shopify.

Yeah. So I do have experiences in Next. Js and React, uh, since I have, uh, actually 5 years of experience in the development. And for React, I have around 4 plus years of experience. And, uh, for Nextbase, I do have 1 year of experience. So with React, actually, uh, based on the client side rendering, I actually developed more than 8 applications, uh, which out of that, uh, 4 of them was commercial websites and 4 of them were internal applications. Uh, these internal applications, which are built for CMSH integration because CMSH integration cargo, uh, platform. The they monitor mainly the containers and the void, etcetera. And for my initial career on my initial company, actually, I worked on, uh, working as a, uh, full self developer. So over there, actually, then my friend in development, which I worked upon was Next. Js. Sorry. Not Next. Js. React. Js. And in between, um, when I work when I'm working on this client side rendering internal application on CMS, uh, I actually had opportunity to convert my internal application, which is was built on client server rendering application to react to, uh, our server server rendering, which is, uh, Next JS.

So talking about this particular question, like, uh, I maintain the update plug in user friendly. Okay. So, uh, actually, uh, right now, I do I do I do not have actually an experience with this CMS because, uh, on my particular current, uh, career, on my particular career, which is called CMS AG, I was working hands to hand with, uh, hands to hand with the React. So they in that particular form, we do not have a, uh, deep like, you know, platform for this because, uh, all the codes were written from our cell. But we do had a library called story book where we upload our snippets from the particular call. Because on the story book, the main feature is that we can reuse our codes. We can actually add our code in such a way that, uh, within each chapter, and then we can pass the props. So what happens is that, uh, we can actually play around the codes within the story book, and, also, we can reuse the codes. So we do had opportunity to work with our storybook for this particular application. But for other than that, uh, I I don't have a specific experience with this functionality and come back to it's supposed to be our, uh, buffer.

Sir, uh, I don't have an actual experience. Okay. This question got changed. Uh, are you familiar with the service lockdown? No. No. I don't. Actually, I know service lockdown. Like, I do, uh, refer some of our references for story lockdown, but I don't have a specific experience on story block count. But I do have experience on WordPress.

Okay. So, uh, for this particular question, I did, like, almost 10 piece applications overall. And, my on my initial career when I was, uh, working, you know, starting to study React and just functionality, uh, I I got an opportunity to work on a ecommerce platform just called Tonica Smile. We're on that particular platform. Even though I was a fresher, I was able to work on, uh, pain gateway integrations and also, uh, real time push notifications like that. Uh, on I think for that, I think I used the Valchio plug in. And for payment gateway, I used to press a pay. So that was the application which I built, like, almost 2 years back. And the latest application which I built was Kafka notification tool, which, uh, the particular application actually had an special feature. Like, uh, it do had an, uh, features like managing booking updates and also creating custom email templates. And, also, it had a, uh, particular page where and other application should get a portfolio. So what I did was that, um, that part was a little will be tricky because, uh, this both code has both repo and both branches. So it was, uh, like, uh, we need to pass the state from a particular app particular one application a to particular application b. So what I did was that I used the service workers like a post message. So, uh, whenever one application has been triggered, I will send a post message to the application bill, An application b will receive this message and, uh, will update the state according to that, and I will display it. And, uh, also, these 2 applications, they infer not that much similar. So what I did was that I actually, uh, on this particular Iframe itself, I customized the iframe, uh, like, that shadow DOM into a particular similar DOM style, which was the application pay was holding. So after this particular, uh, updation, when I posted this to, you know, uh, presented this to the end user, they were actually satisfied with the result.

So fashion day 2, sir, has a user which is actually a has a type of name and age. Name has a color string and age is called a number. So first, we are actually checking if user dot page. So, actually, on TypeScript, in the first file, we are checking pages custom marks. Remember? So it is an optional thing. So there might be an issue like, uh, user dot page cannot have a value. So it might trigger an error because if you said dot h so user is there but dot h is a optional thing. So what happens is that this user dot, that particular page reference will not be there. So I think this might throw an error. So what we can do is that instead of this, uh, on each statement, we can actually write, like, user dot customer dot h. So even if the user is not there, we can trigger the error statement. And other than that, I am not seeing any other option or other changes in this one. Okay? Yeah. I think that might be the issue.

Okay. First of all, to be frank, uh, I do not have an actual experience on CMS plugins. So what I will do is that I will first go to the documentation. And, uh, like, I'm, like, a developer. Like, even if I don't know that particular solution at the moment, I will eventually find the answers. So I will go to the open resources and the overall check the first documentation regarding the CMS plugin. And I will have an, you know, actual idea about the CMS plugin at all. And then, uh, I will refer transaction. I will also refer that portable topic called transaction integrating this case. So I will find a, uh, optimized way to do that, and I will implement it over here.

I think since, uh, Next. Js is actually a proper framework, almost all the, uh, features that we found is also there because they want a page routing or, uh, like, you know, routing. Uh, we do have a dedicated routing for that. Also, for link, we do have dedicated icon for image optimization also. There are numerous things we can do over Next. Js. But even if we, uh, integrate a third party sign in service in the stress, uh, the main secure things that we can do is that, uh, we can check whether, you know, that is properly hashed because the security is a big issue nowadays. So the things that we can do is, like, We can actually check for type of this particular verification. Like, uh, we can actually check for the That's a pretty good question, actually.

Okay. Story block. Since story blocks seen this plug in, I don't have an actual answer for that. But, uh, other than story block, if our Next. Js, you know, on the I'm working with Next. Js, if you want to optimize the, uh, performance, what we can do is that we can implement the code splitting, which is lazy loading. So only the necessary things will get loaded on the issue, uh, load. And the other thing that we can do is that we can actually implement, you know, the image optimization, like, uh, image with the right size, right format, and also setting a proper width and height for that. And, also, uh, when we are when it comes to the form, we can actually use the Google forms instead of adding a external custom form so we can avoid that. And, also, for the images too, instead of going right away for the references on the server side, we can actually use it from the asset side. And other than that, there are also other things like, uh, we can split up the bundle, um, size. We can, uh, use server pagination instead of client pagination. And, uh, we can, uh, also do other things like, uh, we can also monitor the performance using some of the dev tools. And, yeah, that's pretty much it. So most of things, but we do have other things as well. Let me think. We do we do that cloud code splitting. Uh, we did, uh, media optimization. We also did, uh, sets optimization. We did in forms. And we can minify the styles, and we can use our presentation, and we can also use some developer tool. Yeah. That's the main things.