<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: ismael aboud</title>
    <description>The latest articles on DEV Community by ismael aboud (@ismael_aboud_387a5b0bebc1).</description>
    <link>https://dev.to/ismael_aboud_387a5b0bebc1</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1532765%2F626bafee-fbd3-49d3-8143-ee0d1d2f7644.jpg</url>
      <title>DEV Community: ismael aboud</title>
      <link>https://dev.to/ismael_aboud_387a5b0bebc1</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ismael_aboud_387a5b0bebc1"/>
    <language>en</language>
    <item>
      <title>Technology and Mental Health</title>
      <dc:creator>ismael aboud</dc:creator>
      <pubDate>Mon, 27 May 2024 08:15:46 +0000</pubDate>
      <link>https://dev.to/swahilipotdevs/technology-and-mental-health-53bb</link>
      <guid>https://dev.to/swahilipotdevs/technology-and-mental-health-53bb</guid>
      <description>&lt;p&gt;Technology's Impact on Mental Health&lt;br&gt;
TABLE OF CONTENTS&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Introduction&lt;/li&gt;
&lt;li&gt;Dark side of the screen&lt;/li&gt;
&lt;li&gt;The role of social media&lt;/li&gt;
&lt;li&gt;Technology as a tool for mental wellness&lt;/li&gt;
&lt;li&gt;Finding balance&lt;/li&gt;
&lt;li&gt;Conclusion&lt;/li&gt;
&lt;li&gt;References&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F678lei0gqqv687dhwfu4.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F678lei0gqqv687dhwfu4.jpeg" width="275" height="183"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Introduction&lt;/p&gt;

&lt;p&gt;In the modern digital age, technology has become an integral part of our lives, offering unprecedented convenience, connectivity, and access to information. However, the rapid pace of technological advancement has also raised concerns about its potential impact on our mental well-being. Like a double-edged sword, technology can both enhance and harm our mental health, making it a complex and multi-faceted issue.&lt;/p&gt;

&lt;p&gt;The Dark Side of the Screen&lt;br&gt;
One of the most concerning aspects of technology's influence is its potential to exacerbate mental health issues like anxiety and depression. The constant barrage of notifications, the pressure to curate a perfect online persona, and the fear of missing out (FOMO) can be overwhelming. Social media, in particular, has been linked to feelings of inadequacy and social isolation, especially when comparing oneself to the often-unrealistic portrayals of others' lives online.&lt;/p&gt;

&lt;p&gt;Furthermore, excessive screen time disrupts sleep patterns, a crucial factor for mental health. The blue light emitted by electronic devices suppresses melatonin production, the hormone that regulates sleep-wake cycles. This can lead to difficulty falling asleep, fragmented sleep, and daytime fatigue, all of which contribute to feelings of stress and anxiety.&lt;/p&gt;

&lt;p&gt;Technology can also be a breeding ground for cyber bullying and online harassment. These experiences can be incredibly damaging, leading to feelings of worthlessness, social anxiety, and even suicidal ideation.&lt;/p&gt;

&lt;p&gt;The role of social media&lt;br&gt;
Social media platforms like Facebook, twitter, tiktok, Instagram have become integral part of daily life for many people. While these platforms offer valuable ways to connect and share, they also create an environment ripe for comparison, which can negatively impact self-esteem.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;    Likes  and followers:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Social media platforms quantify popularity and validation through likes, comments, and followers count. This quantification can lead to constant self-evaluation and comparison, as users may equate their self-worth with these metrics.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Social comparison thinking&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;According to social media comparison theory, individuals determine their own personal and social worth based on how they stack up against others. People tend to share the best moments of their lives on social media, creating “highlighting reels” that do not accurately present their everyday experiences. This selective sharing can lead viewers to believe that others lives’ are more exciting, successful, or happier than their own. This will later lead to low self-esteem and depression.&lt;/p&gt;

&lt;p&gt;Technology as a Tool for Mental Wellness&lt;br&gt;
Despite these challenges, technology also offers a wealth of resources for promoting mental well-being. Here are some key aspects to consider:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Teletherapy and Online Support Groups: 
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi3flpr0itkiypgvl53cz.jpeg" alt="Courtesy of Shutterstock" width="254" height="198"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Technology has revolutionized access to mental health services. Teletherapy allows individuals to connect with therapists remotely, eliminating geographical barriers and reducing the stigma associated with seeking professional help. Online support groups offer a safe space for individuals to connect with others who share similar experiences and provide peer-to-peer support.&lt;/p&gt;

&lt;p&gt;Mental Health Apps:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvmfzw0hadexbmlj9soe2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvmfzw0hadexbmlj9soe2.jpg" alt="coutersy of gettyImages" width="515" height="335"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A growing number of apps cater to various aspects of mental health. These apps can offer relaxation techniques, mindfulness exercises, mood-tracking tools, and even access to therapy chatbots. While they should not replace professional help, apps can be valuable tools for self-management and provide support in between therapy sessions.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Mindfulness and Meditation Technology: Several apps and wearables guide users through mindfulness exercises and meditation practices. These practices have been shown to reduce stress, improve focus, and promote emotional regulation.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Virtual Reality (VR) Therapy:&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F23nby2ygni2h1ct6g77r.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F23nby2ygni2h1ct6g77r.jpg" width="800" height="653"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;VR technology has emerged as a promising tool for treating anxiety disorders such as phobias and post-traumatic stress disorder (PTSD). VR programs allow users to confront their fears in a safe and controlled environment, facilitating exposure therapy.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Finding Balance: A Digital Detox for a Healthy Mind&lt;br&gt;
The key to harnessing technology's potential for mental well-being lies in establishing healthy habits and boundaries. Here are some tips:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Set Screen Time Limits: Be mindful of how much time you spend on electronic devices. Schedule breaks throughout the day and avoid using screens for at least an hour before bed.&lt;/li&gt;
&lt;li&gt;Curate Your Social Media Feed: Unfollow accounts that make you feel inadequate or anxious, and prioritize those that inspire and uplift you.&lt;/li&gt;
&lt;li&gt;Embrace Real-World Connections: Technology can't replace the value of face-to-face interaction. Make time for activities with loved ones, engage in hobbies, and prioritize social connections in the real world.&lt;/li&gt;
&lt;li&gt;Practice Digital Mindfulness: Be present in the moment. When using technology, focus on the task at hand and avoid multitasking.&lt;/li&gt;
&lt;li&gt;Seek Professional Help: If you are struggling with mental health concerns, don't hesitate to seek professional help. Technology can be a valuable tool in your mental health journey, but it should never replace a qualified therapist.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Additional Points to Consider&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The digital divide: Unequal access to technology can exacerbate mental health disparities.&lt;/li&gt;
&lt;li&gt;The ethics of mental health apps: Data privacy and the potential for misuse of mental health data are critical concerns.&lt;/li&gt;
&lt;li&gt;The future of technology and mental health: Explore emerging technologies like artificial intelligence (AI) and their potential applications in mental health care.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Conclusion&lt;br&gt;
Technology's impact on mental health is a complex and evolving issue. While it can exacerbate existing problems and create new ones, it also offers valuable tools and resources for promoting well-being. By striking a balance and fostering healthy digital habits, we can leverage technology's potential to create a more supportive and positive environment for mental health.&lt;/p&gt;

&lt;p&gt;References &lt;/p&gt;

&lt;p&gt;&lt;a href="https://papersowl.com/examples/impact-of-technology-on-mental-health-challenges-and-solutions/" rel="noopener noreferrer"&gt;https://papersowl.com/examples/impact-of-technology-on-mental-health-challenges-and-solutions/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Deploying a NextJS Application on GitHub Pages</title>
      <dc:creator>ismael aboud</dc:creator>
      <pubDate>Mon, 27 May 2024 08:02:49 +0000</pubDate>
      <link>https://dev.to/swahilipotdevs/deploying-a-nextjs-application-on-github-pages-26ga</link>
      <guid>https://dev.to/swahilipotdevs/deploying-a-nextjs-application-on-github-pages-26ga</guid>
      <description>&lt;p&gt;Table of Content:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Setup your Next.js project&lt;/li&gt;
&lt;li&gt;Configure Next.js for Static Export&lt;/li&gt;
&lt;li&gt;Install GitHub Pages Deployment Package&lt;/li&gt;
&lt;li&gt;Configure Deployment Script&lt;/li&gt;
&lt;li&gt;Build and Export the Next.js Application&lt;/li&gt;
&lt;li&gt;Deploy to GitHub Pages&lt;/li&gt;
&lt;li&gt;Configure GitHub Pages&lt;/li&gt;
&lt;li&gt;Access Your Deployed Site&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Introduction&lt;/p&gt;

&lt;p&gt;Deploying a Next.js application on GitHub Pages involves several steps since Next.js is designed to be a full-stack framework and GitHub Pages only supports static sites. To deploy your Next.js application as a static site, you will need to export it. Here’s a step-by-step guide:&lt;/p&gt;

&lt;p&gt;Step 1: Setup your Next.js project&lt;br&gt;
If you don't already have a Next.js project, you can create one using:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npx create-next-app@latest my-nextjs-app
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb0pi021em697k7tkh55g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb0pi021em697k7tkh55g.png" alt="Image description" width="800" height="380"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;cd my-nextjs-app&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fns8s4jiy57wyce77fomc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fns8s4jiy57wyce77fomc.png" width="423" height="95"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Step 2: Configure Next.js for Static Export&lt;br&gt;
Next.js provides a built-in command to export your site to static HTML, which can then be hosted on GitHub Pages.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;a) Open `next.config.js` and add the following configuration:

  /** @type {import('next').NextConfig} */
  const nextConfig = {
    output: 'export',
    basePath: '/my-nextjs-app', // Replace with your GitHub repository name
  }

  module.exports = nextConfig


b) Ensure your `package.json` scripts include the `export` command:

{
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "export": "next export",
    "start": "next start",

  }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Step 3: Install GitHub Pages Deployment Package&lt;br&gt;
Install the gh-pages package to deploy your static site to GitHub Pages:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm install --save-dev gh-pages
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Step 4: Configure Deployment Script&lt;br&gt;
Update your &lt;code&gt;package.json&lt;/code&gt; to include the &lt;code&gt;deploy&lt;/code&gt; script:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
  "scripts": {
    "deploy": "next build &amp;amp;&amp;amp; next export &amp;amp;&amp;amp; gh-pages -d out"
  }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Step 5: Build and Export the Next.js Application&lt;br&gt;
Run the following command to build and export your Next.js application:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm run build


npm run export
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Step 6: Deploy to GitHub Pages&lt;/p&gt;

&lt;p&gt;Ensure your repository is initialized and has a remote repository set up on GitHub. Then, run the deployment script:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm run deploy
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;The &lt;code&gt;gh-pages&lt;/code&gt; package will push the contents of the &lt;code&gt;out&lt;/code&gt; directory to the &lt;code&gt;gh-pages&lt;/code&gt; branch of your repository.&lt;/p&gt;

&lt;p&gt;Step 7– Activate GitHub Pages for Your Repository&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to your repository on GitHub.&lt;/li&gt;
&lt;li&gt;Navigate to &lt;code&gt;Settings&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Scroll down to the &lt;code&gt;Pages&lt;/code&gt; section.&lt;/li&gt;
&lt;li&gt;In the &lt;code&gt;Source&lt;/code&gt; section, select the &lt;code&gt;gh-pages&lt;/code&gt; branch.&lt;/li&gt;
&lt;li&gt;Save the settings.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1hl7djr54ddbdpw3cmve.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1hl7djr54ddbdpw3cmve.png" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsdm1y8qud8fxwngn4v4v.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsdm1y8qud8fxwngn4v4v.png" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Step 8: Access Your Deployed Site&lt;br&gt;
Commit and Push&lt;br&gt;
After committing and pushing your changes to the &lt;code&gt;main&lt;/code&gt; branch, GitHub will automatically initiate the deployment to GitHub Pages.&lt;/p&gt;

&lt;p&gt;Your site should now be accessible at &lt;code&gt;https://&amp;lt;your-username&amp;gt;.github.io/&amp;lt;repository-name&amp;gt;/&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Further reading:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.freecodecamp.org/news/how-to-deploy-next-js-app-to-github-pages/" rel="noopener noreferrer"&gt;https://www.freecodecamp.org/news/how-to-deploy-next-js-app-to-github-pages/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=mJuz45RXeXY&amp;amp;" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=mJuz45RXeXY&amp;amp;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/mJuz45RXeXY" rel="noopener noreferrer"&gt;https://youtu.be/mJuz45RXeXY&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
    </item>
  </channel>
</rss>
