V3X4TI0US
KPCKevin Powell - Community
•Created by V3X4TI0US on 6/6/2024 in #front-end
NextJS Api Calls
Hi guys, so I am building a simple website with questions and answers and it is in its initial versions. First, I made the backend API using nodejs, express and postgres, watched a tutorial and understood the flow and then added connection pool and so on. My apis are working just fine.
I decided to use nextjs for frontend, but I am confused on what is the correct way to make an api call. I watched some tutorials but it still got over my head. Traditional way is to just call the fetch inside the page.tsx where i want to display my data. However, I wanted to use the app/api/route.js method in next js. I assume its called the Internal API.
Right now, inside my project folder, I have two folders, client with the nextjs setup and server with nodejs and express api. Now in this scenario, what is the correct way to make the API call from next js while my backend is running on localhost as well. I did read the docs and some stackoverflow questions but I was unable to understand the flow and how I could implement it in my scenario.
I am using NextJS Latest version
3 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/20/2023 in #front-end
CSS text-overflow: ellipsis not working
35 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/18/2023 in #front-end
Need help with styling specific tags/elements
92 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
I need some advice, i am working on a frontend of a project, i am using html, css and js for it. The thing is its my first project which involves layouts, responsiveness and js functionality.
I am able to design and layout things as required. But the thing is , my css is not the best, in terms of extensibility. I have used flexbox for layouting stuff.
I am able to complete a design, but then if i make some changes, multiple things break, so i need to be very careful while changing things.
So my question is, now that i have written and completed some part of the design, how can i refactor or improve the css so that my responsiveness and the part where changes need to be made is done smoothly. Any tips or guides would help a lot.
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/3/2023 in #front-end
Broken Layout (CodePen link shared) Plz help!
32 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 9/24/2023 in #front-end
Layout issues
When I am hovering over a button, it pushes the button next to it as I have applied some styles when hovered.
Here is my code
html
<div id="header">
<h1>SOME HEADING</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis modi, praesentium maxime, iure
aliquam quo placeat dignissimos, debitis atque voluptatibus quod eaque quia! Ipsa, quod quis! Similique
veniam ab molestias!
</p>
<div id="header-buttons">
<button class="header-btn">SOME TEXT</button>
<button class="header-btn">SOME TEXT</button>
</div>
</div>
styles :
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Kanit', sans-serif;
/* color: #fff; /
}
html,
body {
height: 100%;
width: 100%;
scroll-behavior: smooth;
}
#header {
/ background-color: red; /
width: 100%;
height: 450px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 40px;
/ border-top: 1px dotted white;
border-bottom: 1px dotted white; /
position: relative;
}
#header-buttons {
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 25px;
}
.header-btn {
box-sizing: border-box;
position: relative;
display: inline-block;
/ Ensure buttons behave as inline-block elements /
vertical-align: middle;
/ Adjust vertical alignment if needed /
background-color: transparent;
font-weight: 500;
color: #14FFEC;
padding: 10px 15px;
outline: none;
border-radius: 5px;
border: none;
transition: all ease 0.2s;
}
.header-btn:hover {
transform: scale(1.08);
/ Use transform to scale without pushing other elements */
cursor: pointer;
border: 1px solid #14FFEC;
}
17 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 5/1/2023 in #back-end
Learning java
Hi, i just completed my graduation, but due to covid, i missed my basic concepts like core java, dsa. As a fresher, I want to start my career as a full stack java developer. Can anyone help me with the concepts, resources, what to learn, how much to learn and how to learn? Should i go for online tutorials or learn with the help of books? I really need help as I am alone, i have to do this by myself. Please any tips on how should I study java, dsa, and development all together.
16 replies