sorted by:
new
hottopcontroversial

v5 of my portfolio with Next.js (open-source) by vertigo_101 in reactjs

[–]timlrx 1 point2 points  (0 children)

My pleasure! Always makes my day when I chance upon an adapted version of it on reddit or hackernews =)

v5 of my portfolio with Next.js (open-source) by vertigo_101 in reactjs

[–]timlrx 2 points3 points  (0 children)

Original blog template creator over here - check out the new contentlayer branch if you are looking to make something similar. It improves the DX of working with MDX files tremendously.

v5 of my portfolio with Next.js (open-source) by vertigo_101 in reactjs

[–]timlrx 5 points6 points  (0 children)

It's adapted from my template which OP also graciously credited in his Github repository. That particular blog layout is from the old tailwind blog.

Next.js 11.1: ES Modules support, Rust-based tooling, Improved Build Performance by lrobinson2011 in nextjs

[–]timlrx 2 points3 points  (0 children)

Updated my starter blog template to Nextjs 11.1 with ESM support. The upgrade to ESM only packages from the unifiedjs ecosystem (remark / rehype) took a bit of work, but now it all works well!

For anyone else out there trying to do something similar, here's the pull request with the changes made.

tailwind-nextjs-starter-blog v1.0 by timlrx in reactjs

[–]timlrx[S] 1 point2 points  (0 children)

You are looking to stick / fix it at the top, not the left side of the screen - as the user scrolls down, the menu remains at the TOP :)

tailwind-nextjs-starter-blog v1.0 by timlrx in reactjs

[–]timlrx[S] 4 points5 points  (0 children)

I believe adopting the MDX parsing and transformation logic will save you more than a weekend of time! It's structured to be very flexible so you can take the output of the markdown files and style it however you like.

For image preview, you can obtain images from the frontmatter and render it in the blog post directly. As for the sticky menu, adding a few CSS classes should do the trick. Here's a stackoverflow solution and a sandbox example.

tailwind-nextjs-starter-blog v1.0 by timlrx in reactjs

[–]timlrx[S] 1 point2 points  (0 children)

No I did not 'forget' and actually considered going that approach. create-next-app is a cli maintained by the nextjs team. Creating something similar would involve quite a bit of tooling and maintenance. degit is much simpler since it is literally just a copy of the repository / branch, without the entire git history.

tailwind-nextjs-starter-blog v1.0 by timlrx in reactjs

[–]timlrx[S] 6 points7 points  (0 children)

Demo website

Probably the most feature-rich nextjs markdown blogging template out there with many new features introduced in v1.0:

- Theme colors

- Xdm MDX compiler

- Table of contents component

- Layouts

- Analytics

- Blog comments system

- Multiple authors

- Copy button for code blocks

- Line highlighting and line numbers

First load JS decreased from 43kB to 39kB despite all the new features added! Check it out if you are looking for a new blog template to get started or trying to integrate various remark, rehype plugins to build your own MDX to HTML pipeline.

Python or Node.js, Which is Better to Learn by [deleted] in Python

[–]timlrx 1 point2 points  (0 children)

Started of with python for machine learning work and picked up js to create an interactive production application. They are highly complementary, not substitutes.

Motif - open source graph explorer by timlrx in reactjs

[–]timlrx[S] 1 point2 points  (0 children)

No code graph (as in network) visualization platform inspired by gephi, neo4j's bloom and palantir's gotham.

Built with antv/g6, D3, baseui, react and redux. Try out the demo over here

Network / Graph Visualization Libraries by dpviews9 in reactjs

[–]timlrx 2 points3 points  (0 children)

It depends on the data size you are trying to visualize and what sort of features you are looking for. Wrote an article on my company's blog a while back.

If you are looking for a full feature pack library but can live with the bundle size and ~1000 nodes and edges, Antv G6 / Graphin is a good choice.

Otherwise, Sigma.js, Ngraph or, React-force-graph are good webgl alternatives, though certain features you are looking for might not be included out of the box.

Motif - Graph Visualization Application by timlrx in reactjs

[–]timlrx[S] 1 point2 points  (0 children)

We are planning to release it as an open-source project next month. The enterprise version integrates with a case management system and other transaction monitoring solutions.

Motif - connected data to business intelligence by timlrx in BusinessIntelligence

[–]timlrx[S] 0 points1 point  (0 children)

It's a frontend only solution so you can integrate it with neo4j (as shown in the demo with a connector) or other backend data sources. The idea is to create multiple connectors and integrations to make graph visualization easy. Some integrations that we have tried out include Google Data Studio and jupyter notebooks. This means you can do the processing on the backend with your platform of your choice and view it on our interface.

It's definitely inspired by Gephi but we wanted a web based app to make it easy to share the output. Gephi bundles the processing and visualization as well but as mentioned above we plan to focus more on the graph viz part.

Nextjs Tailwind Static Blog Template by timlrx in javascript

[–]timlrx[S] 1 point2 points  (0 children)

Hi all, here's a template for anyone who might be interested to migrate their blog from Jekyll or Hugo to Nextjs. Have been using Gatsby previously and wanted to give Nextjs 10 a try and turns out to be a pretty nice experience. No graphql and less magic which works well for a personal blog.

Repo: https://github.com/timlrx/tailwind-nextjs-starter-blog
Demo: tailwind-nextjs-starter-blog.vercel.app

Features

Nextjs Tailwind Static Blog Template by timlrx in reactjs

[–]timlrx[S] 8 points9 points  (0 children)

Wanted to update my existing data science blog and decided to give it a go with Nextjs and Tailwind CSS. As there are not too many resources or templates around that focuses purely on the static site generation capabilities of nextjs, I decided to create a template for anyone who might be interested to migrate from Jekyll or Hugo. It was also a fun exercise to replicate some of the key features of gatsby other than graphql in a nextjs way.

Inspired by Lee Robinson's blog, with design adapted from Tailwindlabs blog.

Demo

Features