Appwrite’s Post

How to structure Laravel projects? Remember: the answer depends on many non-dev factors. - Project scope and goals - Team size and experience - Budget - Deadline So, what works for a solo freelancer, won't work for a corporate finance application. And vice versa.

The architecture of React native. #ReactNative

🚀 Frontend developers often find themselves navigating the blurred lines between frontend and backend tasks. When faced with backend requests, freelancers or small teams without dedicated backend developers may encounter challenges. How do you handle such requests? Share your experiences in the comments below! #FrontendDevelopment #BackendDevelopment #Freelancing #TechChallenges

Three months ago, I just published my client's website, sahabatsaham.com, first MVP landed with minimum features but it already using headless CMS with Strapi. The frontend website using Next.js 14.x and React Query to fetch remote data, so far now okay with outstanding performance measured by Lighthouse, yeah I think quite satisfied, next phase I want to implement query optimization and enabling HTTP/2 in server ---------------- 💡 💡 Stack 💡 💡 ---------------- 🚀 Next.js 14.x 🚀 React Query 5.x 🚀 TypeScript 5.x 🚀 Tailwind CSS 3.x 🚀 Eslint enabled ----------------- 🤘 Github deployment with Eslint enabled #react #nextjs #reactquery #frontend #development #softwareengineer

📈 Embracing Growth: A Developer's Milestone 🚀 There's a defining moment in a developer's journey when the realization hits: "Hey, I'm not bad at this!"👩💻 In one of the freelance projects, as the lone Front-End dev, tackling moderate complexity, I decided on React Context + React Query with a structured /pages and /components setup. Fast forward to the projects near end, the client requested an extra feature for the admin page. I realised that for me it was simple plug&play of already pre-built components and hooks. With CI/CD in place, it went live within an hour. Such a great feeling. 🙌

Challenge #2 Front-end developer Today I'm starting my second challenge (front-end developer), and it will be considered complete when I fulfill at least one of these main goals: Find a job as a front-end developer Earn money on freelance platforms I spent today preparing for my studies to make my work easier and more motivating. What did I do? Downloaded plugins for VScode Created a daily to-do list in Notation and added a frontend roadmap Found YouTube channels about front-end development Maybe you have recommendations and tips for learning - I'm waiting for you in the comments

🚀 Excited to share insights on optimizing React bundle size for faster loading times! As a software developer, I've explored various techniques like code splitting, tree shaking, and lazy loading to enhance performance and efficiency. Employing smaller libraries and leveraging minification and compression can significantly reduce load times. Let's keep innovating for a seamless user experience! #React #WebPerformance #Optimization #CodeSplitting #TreeShaking #LazyLoading #Minification #Compression #WebDevelopment #TechInnovation

🚀 𝐌𝐚𝐬𝐭𝐞𝐫𝐢𝐧𝐠 𝐂𝐨𝐦𝐩𝐨𝐬𝐞𝐫 𝐢𝐧 𝐋𝐚𝐫𝐚𝐯𝐞𝐥: 𝐄𝐚𝐬𝐲 𝐏𝐚𝐜𝐤𝐚𝐠𝐞 𝐈𝐧𝐬𝐭𝐚𝐥𝐥𝐚𝐭𝐢𝐨𝐧 & 𝐑𝐞𝐦𝐨𝐯𝐚𝐥 Are you ready to streamline your Laravel workflow? Learn how to effortlessly manage packages with Composer! 🛠️ Here's a quick guide: 𝟏. 𝐈𝐧𝐬𝐭𝐚𝐥𝐥𝐢𝐧𝐠 𝐏𝐚𝐜𝐤𝐚𝐠𝐞𝐬: 𝐒𝐭𝐞𝐩 𝟏: Open your Laravel project directory in the terminal. 𝐒𝐭𝐞𝐩 𝟐: Run composer require <package-name> to install a package. Replace <package-name> with the name of the package you want to install. 𝐒𝐭𝐞𝐩 𝟑: Composer will fetch the package and its dependencies, and integrate it into your Laravel project automatically. 𝟐. 𝐑𝐞𝐦𝐨𝐯𝐢𝐧𝐠 𝐏𝐚𝐜𝐤𝐚𝐠𝐞𝐬: 𝐒𝐭𝐞𝐩 𝟏: Navigate to your project directory via the terminal. 𝐒𝐭𝐞𝐩 𝟐: Execute composer remove <package-name> to uninstall a package. Replace <package-name> with the name of the package you wish to remove. 𝐒𝐭𝐞𝐩 𝟑: Composer will remove the specified package and any unused dependencies from your project. 𝐏𝐫𝐨 𝐓𝐢𝐩𝐬: Always check the official documentation or GitHub repository of the package for specific installation instructions or compatibility notes. Utilize Composer's --dev flag to install packages as development dependencies if needed. With Composer, managing packages in Laravel has never been easier! Boost your productivity and take your projects to the next level. 💡 #Laravel #Composer #WebDevelopment #ProductivityTips

React Native Series.. Subscribe for more #javascript #react #reactnative #mobileapp #developer

Picture creating a website that's super fast, super safe, and easily scalable. Jamstack does that for you!💡 It's a modern way of making websites where we keep the user experience separate from the complex data and business stuff. It is composed of three main components: JavaScript, APIs, and Markup. 🔸 JavaScript: JavaScript is a fundamental component of Jamstack, enabling dynamic and interactive web experiences. Popular frameworks such as React, Angular, and Vue are commonly used to build modern web applications, leveraging the power of JavaScript. 🔸 APIs: APIs (Application Programming Interfaces) serve as the connectivity layer in Jamstack, allowing seamless integration of third-party services, databases, and other data sources into web applications. This enables developers to access and manage data efficiently. 🔸 Markup: Markup, which includes HTML, CSS, and other front-end technologies, forms the structure and design of web applications in the Jamstack architecture. By focusing on high-quality markup, developers can optimize the performance and accessibility of their applications. This lightweight Jamstack workflow removes the need for bloated application servers, enabling ultra-fast load times and scaling. ⏫ The strategic blend of client-side JavaScript, reusable APIs, and prebuilt Markup is what enables Jamstack sites to work smoothly and efficiently.🚀 That's it for now. More on Jamstack later on. Stay tuned! 👀 #engineering #security #javascript #api #markup #jamstack #technology #developer #future #coding #softwareengineering #webdevelopment #webdesign