Skip to content

Fix things #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed

Fix things #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/components/AboutPage.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,17 @@
<a href="https://twitter.com/t3dotgg" class="link-dark">Theo</a>,
<a href="https://mark.florkow.ski" class="link-dark">Mark</a>
and
<a href="https://github.com/JasonDocton" class="link-dark">Jason</a>
<a href="https://github.com/JasonDocton" class="link-dark">Jason</a>.
</p>
<p>
Hosted on
<a href="https://vercel.com" class="link-dark"> Vercel </a>
<a href="https://vercel.com" class="link-dark">Vercel</a>.
</p>
<p>
Source available on
<a href="https://github.com/TheoBr/init.tips" class="link-dark">
Github
</a>
Github</a
>.
Comment on lines +24 to +25
Copy link

@avidrucker avidrucker Aug 5, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@roj1512 What is the purpose/point of separating tags onto two lines?

Copy link
Author

@rojvv rojvv Aug 6, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Astro’s formatter did that.

Copy link

@avidrucker avidrucker Aug 21, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your answer @roj1512

Copy link
Author

@rojvv rojvv Aug 22, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I take that as a compliment.

</p>
</div>
<div class="absolute bottom-0 w-full flex justify-center p-4">
Expand Down
2 changes: 1 addition & 1 deletion src/components/CodeBlock.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const CURRENT_RECOMMENDED_COMMAND = "npx create-t3-app@latest";
{CURRENT_RECOMMENDED_COMMAND}
</code>
</button>
<div id="copy-success" class="mt-2 opacity-0 duration-500 transition-opacity">Copied Successfully!</div>
<div id="copy-success" class="mt-2 opacity-0 duration-500 transition-opacity">Copied successfully!</div>

<script defer>
const CURRENT_RECOMMENDED_COMMAND = "npx create-t3-app@latest";
Expand Down
20 changes: 9 additions & 11 deletions src/components/WhyPage.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,8 @@
target="_blank"
rel="noreferrer"
>
TypeScript
</a>
?
TypeScript</a
>?
</h2>
<p>JavaScript is hard. Why add more rules?</p>
<p>
Expand All @@ -31,9 +30,9 @@
</a>{" "}
provides will{" "}
<span class="italic">help you be a better developer,</span>{" "}
regardless of where you are in your career as an engineer. Whether you're new
to web development or a seasoned pro, the "strictness" of TypeScript will provide
a less frustrating, more consistent experience than vanilla JS
regardless of where you are in your career as an engineer. Whether you’re new
to web development or a seasoned pro, the “strictness” of TypeScript will provide
a less frustrating, more consistent experience than vanilla JavaScript.
</p>

<div class="p-4"></div>
Expand All @@ -46,9 +45,8 @@
target="_blank"
rel="noreferrer"
>
Next.js
</a>
?
Next.js</a
>?
</h2>
<p>
We love React. It has made UI development accessible in ways we never
Expand All @@ -70,10 +68,10 @@

<div class="p-4"></div>

<h2 class="text-xl font-bold">Why tRPC/Prisma/Tailwind/etc?</h2>
<h2 class="text-xl font-bold">Why tRPC/Prisma/Tailwind/etc.?</h2>
<p>
While we believe in keeping things as simple as possible, we find these
pieces being used in every "app" like project we build.{" "}
pieces being used in every “app” like project we build.{" "}
<a class="link-light" href="https://create.t3.gg"> create-t3-app </a>{" "}
does a great job of letting you adopt{" "}
<a href="/others">the pieces you need</a>
Expand Down
7 changes: 4 additions & 3 deletions src/layouts/main.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,16 +6,17 @@ import "../styles/globals.css";

<html lang="en">
<head>
<title>init.tips - start on the right stack</title>
<title>init.tips &mdash; Start On the Right Stack</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width" />
<meta property="og:title" content="init.tips - start on the right stack" />
<meta
name="description"
content="Getting started with a new project doesn't have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript"
content="Getting started with a new project doesn’t have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript."
/>
<meta
property="og:description"
content="Getting started with a new project doesn't have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript"
content="Getting started with a new project doesn’t have to be hard. Take our recommendations to begin on the right foot. Open source. Currently recommending Next.js and TypeScript."
/>
<meta property="og:url" content="https://init.tips/" />
<meta property="og:type" content="website" />
Expand Down
30 changes: 15 additions & 15 deletions src/pages/others.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import Layout from "../layouts/main.astro";
<div class="max-w-md md:max-w-2xl text-lg p-4 my-12">
<h2 class="text-2xl font-bold mt-4 mb-2">Other Recommendations</h2>
<p>
We recognize that Next.js and TypeScript don't solve every problem.
We recognize that Next.js and TypeScript don’t solve every problem.
While we encourage you to use the primitives they provide as often as
you can, there are other tools that will help simplify and improve your
developer experience.
Expand All @@ -31,8 +31,8 @@ import Layout from "../layouts/main.astro";
<p>I hated the idea of Tailwind. Then I tried it.</p>
<p>
<span class="italic">It seems like Bootstrap.</span> I promise it is not
Bootstrap. It enables a "flow state" in UI dev I didn't know was achievable.
(and yes we used it here)
Bootstrap. It enables a “flow state” in UI dev I didn’t know was achievable.
(And yes, we used it here.)
</p>

<h1 class="text-2xl mb-4 mt-8 font-semibold">Data Management</h1>
Expand Down Expand Up @@ -64,7 +64,7 @@ import Layout from "../layouts/main.astro";
</a>
</h2>
<p>
Prisma is to SQL what TypeScript is to JS. Never thought I'd love an
Prisma is to SQL what TypeScript is to JavaScript. Never thought I’d love an
ORM, but man, trust me on this one.
</p>

Expand All @@ -79,8 +79,8 @@ import Layout from "../layouts/main.astro";
</a>
</h2>
<p>
tRPC delivers on GraphQL's promise of seamless client development
against a typesafe server without all of the boilerplate. It's a clever
tRPC delivers on GraphQL’s promise of seamless client development
against a typesafe server without all of the boilerplate. It’s a clever
abuse of TypeScript that provides an incredible dev experience.
</p>

Expand Down Expand Up @@ -148,7 +148,7 @@ import Layout from "../layouts/main.astro";
</h2>
<p>
Vercel took the hell of web deployments and made it a set-and-forget
GitHub integration. We've scaled to hundreds of thousands of users
GitHub integration. We’ve scaled to hundreds of thousands of users
without issue. AWS-powered, just a way better interface :)
</p>

Expand All @@ -163,8 +163,8 @@ import Layout from "../layouts/main.astro";
</a>
</h2>
<p>
PlanetScale is the best "serverless database platform" I've used by far.
Insane scale, great developer experience, fantastic pricing. If you're
PlanetScale is the best “serverless database platform” I’ve used by far.
Insane scale, great developer experience, fantastic pricing. If you’re
using sql (and hopefully Prisma), this is hard to beat.
</p>

Expand All @@ -179,15 +179,15 @@ import Layout from "../layouts/main.astro";
</a>
</h2>
<p>
"Modern Heroku". Easiest way to get a real server up and running. If
Vercel and PlanetScale aren't enough, Railway probably is. Point it at a
“Modern Heroku”. Easiest way to get a real server up and running. If
Vercel and PlanetScale aren’t enough, Railway probably is. Point it at a
GitHub repo and go.
</p>

<h1 class="text-2xl mb-2 mt-8 font-semibold">State Management</h1>
<p>
<span class="font-semibold italic">Editor's Note:</span> State management
libraries can be great, but often aren't necessary. Start with{" "}
<span class="font-semibold italic">Editor’s Note:</span> State management
libraries can be great, but often aren’t necessary. Start with{" "}
<a
target="_blank"
rel="noreferrer"
Expand All @@ -210,7 +210,7 @@ import Layout from "../layouts/main.astro";
</a>
</h2>
<p>
The "modern, simple Redux" you didn't know you needed.{" "}
The “modern, simple Redux” you didn’t know you needed.{" "}
<a
target="_blank"
rel="noreferrer"
Expand Down Expand Up @@ -244,7 +244,7 @@ import Layout from "../layouts/main.astro";
Poimandres
</a>
, Jotai lets you define singletons that feel like global{" "}
<code>useState</code>. Great option for stateful behaviors that don't
<code>useState</code>. Great option for stateful behaviors that don’t
need a state machine just yet
</p>
</div>
Expand Down