Skip to content

Commit

Permalink
Add Base component
Browse files Browse the repository at this point in the history
  • Loading branch information
@ixartz
ixartz committed Mar 30, 2021
1 parent 72f19f9 commit 3bec2a7
Show file tree
Hide file tree
Showing 5 changed files with 8 additions and 341 deletions.
55 changes: 0 additions & 55 deletions src/layout/Meta.tsx
View file

This file was deleted.

213 changes: 2 additions & 211 deletions src/pages/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,216 +1,7 @@
import React from 'react';

import { Meta } from '../layout/Meta';
import { Main } from '../templates/Main';
import { Base } from '../templates/Base';

const Index = () => (
<Main
meta={(
<Meta
title="Next.js Boilerplate Presentation"
description="Next js Boilerplate is the perfect starer code for your project. Build your React application with Next.js framework."
/>
)}
>
<a href="https://github.com/ixartz/Next-js-Boilerplate">
<img
src={`${process.env.baseUrl}/assets/images/nextjs-starter-banner.png`}
alt="Nextjs starter banner"
/>
</a>
<h1 className="font-bold text-2xl">
Boilerplate code for your Nextjs project with Tailwind CSS
</h1>
<p>
<span role="img" aria-label="rocket">
🚀
</span>
{' '}
Next.js Boilerplate is a starter code for your Next js project by putting developer experience
first .
{' '}
<span role="img" aria-label="zap">
⚡️
</span>
{' '}
Made with
{' '}
<a href="https://nextjs.org" rel="nofollow">
Next.js
</a>
,
{' '}
<a href="https://eslint.org" rel="nofollow">
ESLint
</a>
,
{' '}
<a href="https://prettier.io" rel="nofollow">
Prettier
</a>
,
{' '}
<a href="https://postcss.org" rel="nofollow">
PostCSS
</a>
,
{' '}
<a href="https://tailwindcss.com" rel="nofollow">
Tailwind CSS
</a>
.
</p>
<h2 className="font-semibold text-lg">Next js Boilerplate Features</h2>
<p>Developer experience first:</p>
<ul>
<li>
<span role="img" aria-label="fire">
🔥
</span>
{' '}
<a href="https://nextjs.org" rel="nofollow">
Next.js
</a>
{' '}
for Static Site Generator
</li>
<li>
<span role="img" aria-label="art">
🎨
</span>
{' '}
Integrate with
{' '}
<a href="https://tailwindcss.com" rel="nofollow">
Tailwind CSS
</a>
</li>
<li>
<span role="img" aria-label="nail_care">
💅
</span>
{' '}
<a href="https://postcss.org" rel="nofollow">
PostCSS
</a>
{' '}
for processing
{' '}
<a href="https://tailwindcss.com" rel="nofollow">
Tailwind CSS
</a>
</li>
<li>
<span role="img" aria-label="tada">
🎉
</span>
{' '}
Type checking Typescript
</li>
<li>
<span role="img" aria-label="pencil2">
✏️
</span>
{' '}
Linter with
{' '}
<a href="https://eslint.org" rel="nofollow">
ESLint
</a>
</li>
<li>
<span role="img" aria-label="hammer_and_wrench">
🛠
</span>
{' '}
Code Formatter with
{' '}
<a href="https://prettier.io" rel="nofollow">
Prettier
</a>
</li>
<li>
<span role="img" aria-label="fox_face">
🦊
</span>
{' '}
SEO metadata,
{' '}
<a
href="https://developers.google.com/search/docs/guides/intro-structured-data"
rel="nofollow"
>
JSON-LD
</a>
{' '}
and
{' '}
<a href="https://ogp.me/" rel="nofollow">
Open Graph
</a>
{' '}
tags with
{' '}
<a href="https://github.com/garmeeh/next-seo">Next SEO</a>
</li>
<li>
<span role="img" aria-label="rainbow">
🌈
</span>
{' '}
Include a FREE minimalist theme
</li>
<li>
<span role="img" aria-label="hundred">
💯
</span>
{' '}
Maximize lighthouse score
</li>
</ul>
<p>Built-in feature from Next.js:</p>
<ul>
<li>
<span role="img" aria-label="coffee">
☕
</span>
{' '}
Minify HTML &amp; CSS
</li>
<li>
<span role="img" aria-label="dash">
💨
</span>
{' '}
Live reload
</li>
<li>
<span role="img" aria-label="white_check_mark">
✅
</span>
{' '}
Cache busting
</li>
</ul>
<h2 className="font-semibold text-lg">Our Stater code Philosophy</h2>
<ul>
<li>Minimal code</li>
<li>SEO-friendly</li>
<li>
<span role="img" aria-label="rocket">
🚀
</span>
{' '}
Production-ready
</li>
</ul>
<p>
Check our GitHub project for more information about
{' '}
<a href="https://github.com/ixartz/Next-js-Boilerplate">Nextjs Boilerplate</a>
.
</p>
</Main>
);
const Index = () => <Base />;

export default Index;
5 changes: 5 additions & 0 deletions src/templates/Base.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import React from 'react';

const Base = () => <div className="antialiased text-gray-600" />;

export { Base };
74 changes: 0 additions & 74 deletions src/templates/Main.tsx
View file

This file was deleted.

2 changes: 1 addition & 1 deletion src/utils/AppConfig.ts → src/utils/Config.ts
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
export const AppConfig = {
export const Config = {
site_name: 'Starter',
title: 'Nextjs Starter',
description: 'Starter code for your Nextjs Boilerplate with Tailwind CSS',
Expand Down

0 comments on commit 3bec2a7

Please sign in to comment.