<?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: Disc Time Stamps</title>
    <description>The latest articles on DEV Community by Disc Time Stamps (@disc_timestamps_5e429e80).</description>
    <link>https://dev.to/disc_timestamps_5e429e80</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%2F3654225%2F1a73a4b7-fa2e-40ec-96f5-e145286f18f2.png</url>
      <title>DEV Community: Disc Time Stamps</title>
      <link>https://dev.to/disc_timestamps_5e429e80</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/disc_timestamps_5e429e80"/>
    <language>en</language>
    <item>
      <title>I built a Discord Timestamp Generator with 100% Page Speed Scores (Open Source)</title>
      <dc:creator>Disc Time Stamps</dc:creator>
      <pubDate>Fri, 02 Jan 2026 17:48:37 +0000</pubDate>
      <link>https://dev.to/disc_timestamps_5e429e80/how-i-built-a-discord-timestamp-generator-with-react-vite-100100-pagespeed-3p08</link>
      <guid>https://dev.to/disc_timestamps_5e429e80/how-i-built-a-discord-timestamp-generator-with-react-vite-100100-pagespeed-3p08</guid>
      <description>&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;As a Discord power user, I constantly need to generate dynamic timestamps (like &lt;code&gt;&amp;lt;t:1735689600:R&amp;gt;&lt;/code&gt;) for event announcements.&lt;/p&gt;

&lt;p&gt;Most existing tools have two problems:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;They are loaded with aggressive ads.&lt;/li&gt;
&lt;li&gt;They are slow and unoptimized for mobile phones.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I decided to fix this by building my own open-source alternative: &lt;strong&gt;&lt;a href="https://disctimestamps.com" rel="noopener noreferrer"&gt;DiscTimestamps&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Tech Stack
&lt;/h2&gt;

&lt;p&gt;I wanted this project to be blazing fast and completely privacy-focused.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Framework:&lt;/strong&gt; React + Vite&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling:&lt;/strong&gt; Tailwind CSS&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Icons:&lt;/strong&gt; Lucide React&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hosting:&lt;/strong&gt; Vercel/Netlify (Static)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Optimizing for Performance (Hitting 98+ on Mobile)
&lt;/h2&gt;

&lt;p&gt;My goal was to hit a perfect 100 on Google Page Speed Insights. Here is how I did it:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Smart Lazy Loading
&lt;/h3&gt;

&lt;p&gt;I used React's &lt;code&gt;lazy&lt;/code&gt; and &lt;code&gt;Suspense&lt;/code&gt; to split the code. If you visit the Home page, you don't download the code for the "Embed Builder" or "Emoji Downloader" until you actually click those tabs.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Non-Blocking Fonts
&lt;/h3&gt;

&lt;p&gt;I used the &lt;code&gt;font-display: swap&lt;/code&gt; strategy to ensure text is visible immediately, rather than waiting for the font file to download.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Deferring Heavy Scripts
&lt;/h3&gt;

&lt;p&gt;Google Tag Manager was blocking the main thread by ~150ms. I moved it to load &lt;em&gt;after&lt;/em&gt; the main content is interactive, using a custom delay script.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Result
&lt;/h2&gt;

&lt;p&gt;The site now scores &lt;strong&gt;98-100&lt;/strong&gt; on Mobile Performance and &lt;strong&gt;100&lt;/strong&gt; on Accessibility.&lt;/p&gt;

&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;p&gt;It’s not just a timestamp generator. I expanded it into a full suite:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Timestamp Generator:&lt;/strong&gt; With an AI parser (type "in 2 hours").&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Embed Builder:&lt;/strong&gt; Visual JSON editor for web hooks.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Emoji Downloader:&lt;/strong&gt; Grab custom emojis easily.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Open Source
&lt;/h2&gt;

&lt;p&gt;The project is 100% free and open source. You can check the code or contribute on GitHub.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🔗 Try it live:&lt;/strong&gt; [&lt;a href="https://disctimestamps.com" rel="noopener noreferrer"&gt;https://disctimestamps.com&lt;/a&gt;]&lt;br&gt;
&lt;strong&gt;💻 GitHub:&lt;/strong&gt; [&lt;a href="https://github.com/disctimestamps/discord-timestamp-guide.git" rel="noopener noreferrer"&gt;https://github.com/disctimestamps/discord-timestamp-guide.git&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;Let me know what you think! I'm looking for feedback on the UI.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>discord</category>
      <category>opensource</category>
      <category>react</category>
    </item>
    <item>
      <title>Stop fighting with Time zones: A Developer's Guide to Discord Timestamps</title>
      <dc:creator>Disc Time Stamps</dc:creator>
      <pubDate>Tue, 09 Dec 2025 18:54:56 +0000</pubDate>
      <link>https://dev.to/disc_timestamps_5e429e80/stop-fighting-with-time-zones-a-developers-guide-to-discord-timestamps-22o8</link>
      <guid>https://dev.to/disc_timestamps_5e429e80/stop-fighting-with-time-zones-a-developers-guide-to-discord-timestamps-22o8</guid>
      <description>&lt;p&gt;Have you ever tried to organize an event on Discord, only to have half your users show up an hour late because of time zone confusion?&lt;/p&gt;

&lt;p&gt;We’ve all been there. You say “Event starts at 5 PM EST,” but your friend in London sees “5 PM” and assumes it’s their local time.&lt;/p&gt;

&lt;p&gt;The solution is Discord Dynamic Timestamps.&lt;/p&gt;

&lt;p&gt;You’ve probably seen them before — those magical little tags that say “in 2 hours” or “Sunday at 4:00 PM” and automatically adjust to the reader’s local time zone.&lt;/p&gt;

&lt;p&gt;In this guide, I’ll show you exactly how to create them manually, and the faster way to generate them automatically.&lt;/p&gt;

&lt;p&gt;The Easy Way (Recommended)&lt;br&gt;
If you don’t want to do math or memorize code, I built a free tool that does this instantly.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://iscTimestamps.com" rel="noopener noreferrer"&gt;DiscTimestamps&lt;/a&gt; is a dedicated generator that:&lt;/p&gt;

&lt;p&gt;Automatically calculates the Unix time.&lt;br&gt;
Shows you a Live Preview of what the code looks like.&lt;br&gt;
Let’s you click-to-copy the code in seconds.&lt;br&gt;
If you prefer to do it the hard way (manually), keep reading for the syntax breakdown.&lt;/p&gt;

&lt;p&gt;The Manual Syntax&lt;br&gt;
Discord uses a specific format called Unix Timestamping. The syntax looks like this:&lt;/p&gt;



&lt;p&gt;There are three parts to this code:&lt;/p&gt;

&lt;p&gt;&amp;lt;t: – Opens the tag.&lt;br&gt;
TIMESTAMP – The time in Unix format (seconds since 1970).&lt;br&gt;
FLAG – A single letter that tells Discord how to display the time.&lt;br&gt;
Step 1: Get the Unix Time&lt;/p&gt;

&lt;p&gt;You cannot type “2025–12–09” into Discord. You need to convert that date into a number like 1765238400.&lt;/p&gt;

&lt;p&gt;You can use a site like &lt;a href="https://discTimestamps.com" rel="noopener noreferrer"&gt;DiscTimestamps.com&lt;/a&gt; to get this number accurately for your specific date.&lt;/p&gt;

&lt;p&gt;Step 2: Choose your Flag (The Cheat Sheet)&lt;/p&gt;

&lt;p&gt;Once you have your number, you need to decide how it looks. Here is the complete list of flags supported by Discord:&lt;/p&gt;

&lt;p&gt;Become a member&lt;br&gt;
Relative Time (:R)&lt;/p&gt;

&lt;p&gt;Code: &lt;br&gt;
Result: “in 2 hours” or “5 minutes ago”&lt;br&gt;
Best for: Countdowns, events, and reminders.&lt;br&gt;
Short Time (:t)&lt;/p&gt;

&lt;p&gt;Code: &lt;br&gt;
Result: “4:00 PM”&lt;br&gt;
Best for: Simple clock times.&lt;br&gt;
Long Date (:D)&lt;/p&gt;

&lt;p&gt;Code: &lt;br&gt;
Result: “December 9, 2025”&lt;br&gt;
Best for: Announcing future dates without the time.&lt;br&gt;
Full Date with Short Time (:f)&lt;/p&gt;

&lt;p&gt;Code: &lt;br&gt;
Result: “December 9, 2025 4:00 PM”&lt;br&gt;
Best for: The standard format for most event announcements.&lt;br&gt;
Why use Relative Time (:R)?&lt;br&gt;
The :R flag is the most powerful tool for a community manager. It creates a sense of urgency.&lt;/p&gt;

&lt;p&gt;Instead of writing “Stream starts at 8 PM,” write: “Stream starts !”&lt;/p&gt;

&lt;p&gt;This will show up as “Stream starts in 4 hours!” for everyone, regardless of where they live. As the time gets closer, the message updates itself automatically to “in 5 minutes”.&lt;/p&gt;

&lt;p&gt;Summary&lt;br&gt;
Don’t type time zones manually (EST, GMT, PST).&lt;br&gt;
Do use Unix timestamps to sync your community.&lt;br&gt;
Do use &lt;a href="https://disctimestamps.com" rel="noopener noreferrer"&gt;Discord Timestamps&lt;/a&gt; tool to generate these codes error-free, especially on mobile where typing  brackets is annoying.&lt;br&gt;
Happy gaming!&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
